@moderneinc/neo-design 2.8.0 → 3.0.0

package/dist/index.d.ts

@@ -529,151 +529,205 @@ declare namespace colors_d {
  * @generated
  */
 
-type Activity = {
+type Icons = {
+hoverBorder: '#dce0ff';
+pressedBackground: '#dce0ff';
 /**
    * @scopes All Fills, Stroke Color
    */
-recipeRun: '#992fb9';
+hover: '#1e2ec2';
 /**
    * @scopes All Fills, Stroke Color
    */
-commitJob: '#2f42ff';
+hoverBackground: '#f2f3ff';
 /**
    * @scopes All Fills, Stroke Color
    */
-visualization: '#27aa88';
-};
-
-declare const activity: Activity;
-
-type Border = {
+disabled: '#d1d5db';
 /**
    * @scopes All Fills, Stroke Color
    */
-primary: '#d1d5db';
+placeholder: '#9ca3af';
 /**
    * @scopes All Fills, Stroke Color
    */
-secondary: '#e5e7eb';
-focus: '#3bcca6';
-};
-
-declare const border: Border;
-
-type Buttons = {
+pressed: '#131e7a';
 /**
    * @scopes All Fills, Stroke Color
    */
-destructive: '#cb3446';
+utility: '#9ca3af';
 /**
    * @scopes All Fills, Stroke Color
    */
-navigationActive: '#ffffff';
-primary: {
-pressed: '#131e7a';
-default: '#2f42ff';
-hover: '#1e2ec2';
-disabled: '#f3f4f6';
-};
-secondary: {
-defaultBorder: '#b6bfff';
-hoverBackground: '#f2f3ff';
-pressedBackground: '#dce0ff';
-disabledBackground: '#f9fafb';
-defaultBackground: '#ffffff';
 default: '#1f2937';
-};
-tertiary: {
-default: '#2f42ff';
-hover: '#1e2ec2';
-pressed: '#131e7a';
-disabled: '#9ca3af';
-};
-navigation: {
-defaultBorder: '#b6bfff';
-hoverBackground: '#f3f4f6';
-pressedBackground: '#e5e7eb';
-activeBorder: '#2f42ff';
-};
+/**
+   * @scopes All Fills, Stroke Color
+   */
+active: '#2f42ff';
 };
 
-declare const buttons: Buttons;
+declare const icons: Icons;
 
-type Data = {
+type Surfaces = {
+highlightBackground: 'rgba(38, 55, 230, 0)';
+activeHighlight: 'rgba(182, 191, 255, 0.4)';
 /**
    * @scopes All Fills, Stroke Color
    */
-green: '#4ca75a';
+page: '#f4f4f4';
 /**
    * @scopes All Fills, Stroke Color
    */
-yellow: '#fdda04';
+card: '#ffffff';
 /**
    * @scopes All Fills, Stroke Color
    */
-orange1: '#ffc008';
+cardHeader: '#f3f4f6';
 /**
    * @scopes All Fills, Stroke Color
    */
-orange2: '#ff9800';
+tabActive: '#f3f4f6';
 /**
    * @scopes All Fills, Stroke Color
    */
-orange3: '#f9a91b';
+listHover: '#f9fafb';
 /**
    * @scopes All Fills, Stroke Color
    */
-red1: '#ff5c24';
+tableDisabledRow: '#f3f4f6';
 /**
    * @scopes All Fills, Stroke Color
    */
-red2: '#ed4134';
+tableBackground: '#ffffff';
 /**
    * @scopes All Fills, Stroke Color
    */
-red3: '#cb3446';
+shadowNeutral: 'rgba(31, 41, 55, 0.1)';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+shadowPrimary: 'rgba(47, 66, 255, 0.1)';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+tooltip: '#4b5563';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+scrim: 'rgba(31, 41, 55, 0.2)';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+tabSecondaryBackground: '#e5e7eb';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+snackbarDarkMode: '#ffffff';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+snackbarBrand: '#131e7a';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+snackbarLightMode: '#4b5563';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+white: '#ffffff';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+black: '#000000';
 };
 
-declare const data: Data;
+declare const surfaces: Surfaces;
 
-type Icons = {
+type Typography = {
+searchInputBackground: '#ffffff';
+linkDefault: '#ffffff';
+linkHover: '#ffffff';
+navigation: {
+search: {
+highlightText: '#1e2ec2';
+highlightBackground: 'rgba(47, 66, 255, 0)';
+inputBackground: '#f2f3ff';
+highlightBackgroundActive: '#b6bfff';
+};
+default: '#1f2937';
+};
+linkVisited: '#ffffff';
+linkWhite: '#ffffff';
+linkWhiteHover: '#ffffff';
+input: {
+placeholder: '#9ca3af';
+default: '#1f2937';
+label: '#1f2937';
+helper: '#4b5563';
+};
+code: {
+primary: '#1f2937';
+secondary: '#9ca3af';
+};
+button: {
+disabled: '#9ca3af';
+};
+tab: {
+inactive: '#4b5563';
+active: '#2f42ff';
+};
+link: {
+primary: '#2f42ff';
+disabled: '#b6bfff';
+default: '#1f2937';
+white: '#ffffff';
+};
 /**
    * @scopes All Fills, Stroke Color
    */
-default: '#1f2937';
+error: '#cb3446';
 /**
    * @scopes All Fills, Stroke Color
    */
-pressed: '#131e7a';
+success: '#4ca75a';
 /**
    * @scopes All Fills, Stroke Color
    */
-utility: '#9ca3af';
+warning: '#1f2937';
 /**
    * @scopes All Fills, Stroke Color
    */
-active: '#2f42ff';
+tooltip: '#ffffff';
 /**
    * @scopes All Fills, Stroke Color
    */
-hover: '#1e2ec2';
+legal: '#9ca3af';
 /**
    * @scopes All Fills, Stroke Color
    */
-hoverBackground: '#f2f3ff';
+bodySecondary: '#6b7280';
 /**
    * @scopes All Fills, Stroke Color
    */
-disabled: '#d1d5db';
+body: '#1f2937';
+};
+
+declare const typography: Typography;
+
+type Border = {
+overlay: 'rgba(255, 255, 255, 0)';
 /**
    * @scopes All Fills, Stroke Color
    */
-placeholder: '#9ca3af';
-hoverBorder: '#dce0ff';
-pressedBackground: '#dce0ff';
+primary: '#d1d5db';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+secondary: '#e5e7eb';
+focus: '#3bcca6';
 };
 
-declare const icons: Icons;
+declare const border: Border;
 
 type Input$1 = {
 /**
@@ -683,49 +737,49 @@ checkbox: '#d1d5db';
 /**
    * @scopes All Fills, Stroke Color
    */
-background: '#ffffff';
+hoverBackground: '#f3f4f6';
 /**
    * @scopes All Fills, Stroke Color
    */
-disabledBackground: '#f9fafb';
+background: '#ffffff';
 /**
    * @scopes All Fills, Stroke Color
    */
-hoverBackground: '#f3f4f6';
+disabledBackground: '#f9fafb';
 };
 
 declare const input$1: Input$1;
 
 type Status = {
 success: {
-dark: '#2c6c36';
-default: '#4ca75a';
 light: '#f3fff5';
-transparent: '#4ca75a';
-};
-warning: {
-dark: '#856000';
-default: '#ffb800';
-light: '#fff8e5';
-transparent: '#ffb800';
+default: '#4ca75a';
+transparent: 'rgba(76, 167, 90, 0.5)';
+dark: '#2c6c36';
 };
 error: {
-dark: '#a92232';
 light: '#ffedef';
 default: '#ed4a5d';
-transparent: '#ed4a5d';
+transparent: 'rgba(237, 74, 93, 0.5)';
+dark: '#a92232';
+};
+warning: {
+light: '#fff8e5';
+default: '#ffb800';
+transparent: 'rgba(255, 184, 0, 0.5)';
+dark: '#856000';
 };
 info: {
 dark: '#1e2ec2';
 default: '#2f42ff';
 light: '#f2f3ff';
-transparent: '#2f42ff';
+transparent: 'rgba(47, 66, 255, 0.5)';
 };
 neutral: {
 dark: '#374151';
 default: '#6b7280';
 light: '#f3f4f6';
-transparent: '#6b7280';
+transparent: 'rgba(107, 114, 128, 0.5)';
 };
 avatar: {
 initials: {
@@ -742,140 +796,98 @@ background7: '#ffebb7';
 
 declare const status: Status;
 
-type Surfaces = {
-/**
-   * @scopes All Fills, Stroke Color
-   */
-black: '#000000';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-white: '#ffffff';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-page: '#f4f4f4';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-card: '#ffffff';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-cardHeader: '#f3f4f6';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-tabActive: '#f3f4f6';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-listHover: '#f9fafb';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-tableDisabledRow: '#f3f4f6';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-tableBackground: '#ffffff';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-tabSecondaryBackground: '#e5e7eb';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-shadowNeutral: '#1f2937';
-/**
-   * @scopes All Fills, Stroke Color
-   */
-scrim: '#1f2937';
+type Buttons = {
+primary: {
+hover: '#1e2ec2';
+disabled: '#f3f4f6';
+pressed: '#131e7a';
+default: '#2f42ff';
+};
+secondary: {
+defaultBorder: '#b6bfff';
+hoverBackground: '#f2f3ff';
+pressedBackground: '#dce0ff';
+disabledBackground: '#f9fafb';
+defaultBackground: '#ffffff';
+default: '#1f2937';
+};
+tertiary: {
+default: '#2f42ff';
+hover: '#1e2ec2';
+pressed: '#131e7a';
+disabled: '#9ca3af';
+};
 /**
    * @scopes All Fills, Stroke Color
    */
-shadowPrimary: '#2f42ff';
+destructive: '#cb3446';
 /**
    * @scopes All Fills, Stroke Color
    */
-tooltip: '#4b5563';
+navigationActive: '#ffffff';
+navigation: {
+defaultBorder: '#b6bfff';
+hoverBackground: '#f3f4f6';
+pressedBackground: '#e5e7eb';
+activeBorder: '#2f42ff';
+};
+};
+
+declare const buttons: Buttons;
+
+type Activity = {
 /**
    * @scopes All Fills, Stroke Color
    */
-snackbarDarkMode: '#ffffff';
+recipeRun: '#992fb9';
 /**
    * @scopes All Fills, Stroke Color
    */
-snackbarLightMode: '#4b5563';
+commitJob: '#2f42ff';
 /**
    * @scopes All Fills, Stroke Color
    */
-snackbarBrand: '#131e7a';
-highlightBackground: '#2637e6';
-activeHighlight: '#b6bfff';
+visualization: '#27aa88';
 };
 
-declare const surfaces: Surfaces;
+declare const activity: Activity;
 
-type Typography = {
+type Data = {
 /**
    * @scopes All Fills, Stroke Color
    */
-body: '#1f2937';
-button: {
-disabled: '#9ca3af';
-};
-input: {
-placeholder: '#9ca3af';
-default: '#1f2937';
-label: '#1f2937';
-helper: '#4b5563';
-};
-code: {
-primary: '#1f2937';
-secondary: '#9ca3af';
-};
-tab: {
-inactive: '#4b5563';
-active: '#2f42ff';
-};
-link: {
-primary: '#2f42ff';
-disabled: '#b6bfff';
-default: '#1f2937';
-white: '#ffffff';
-};
+green: '#4ca75a';
 /**
    * @scopes All Fills, Stroke Color
    */
-error: '#cb3446';
+yellow: '#fdda04';
 /**
    * @scopes All Fills, Stroke Color
    */
-success: '#4ca75a';
+orange1: '#ffc008';
 /**
    * @scopes All Fills, Stroke Color
    */
-warning: '#1f2937';
+orange2: '#ff9800';
 /**
    * @scopes All Fills, Stroke Color
    */
-tooltip: '#ffffff';
+orange3: '#f9a91b';
 /**
    * @scopes All Fills, Stroke Color
    */
-legal: '#9ca3af';
+red1: '#ff5c24';
 /**
    * @scopes All Fills, Stroke Color
    */
-bodySecondary: '#6b7280';
-searchInput: '#ffffff';
-navigation: {
-default: '#1f2937';
-};
+red2: '#ed4134';
+/**
+   * @scopes All Fills, Stroke Color
+   */
+red3: '#cb3446';
 };
 
-declare const typography: Typography;
+declare const data: Data;
 
 type Tab$1 = {
 /**
@@ -901,15 +913,15 @@ declare const code: Code;
 declare const brand: '#2f42ff';
 
 declare const _default$4: {
-activity: typeof activity,
-border: typeof border,
-buttons: typeof buttons,
-data: typeof data,
 icons: typeof icons,
-input: typeof input$1,
-status: typeof status,
 surfaces: typeof surfaces,
 typography: typeof typography,
+border: typeof border,
+input: typeof input$1,
+status: typeof status,
+buttons: typeof buttons,
+activity: typeof activity,
+data: typeof data,
 tab: typeof tab$1,
 code: typeof code,
 brand: typeof brand,
@@ -946,36 +958,18 @@ declare namespace semanticColors_d {
  */
 
 type Titles = {
-moddyHeader: {
-fontFamily: 'Inter';
-fontSize: 28;
-fontWeight: 500;
-lineHeight: '120%';
-};
-pageHeader: {
-fontFamily: 'Inter';
-fontSize: 21;
-fontWeight: 400;
-lineHeight: '140%';
-};
-codeHeader: {
-fontFamily: 'JetBrains Mono NL';
-fontSize: 21;
-fontWeight: 400;
-lineHeight: '2rem';
-};
 pageSubheader: {
+lineHeight: '1.5rem';
 fontFamily: 'Inter';
 fontSize: 18;
 fontWeight: 500;
-lineHeight: '1.5rem';
 };
 sectionHeader: {
 default: {
+lineHeight: '1.5rem';
 fontFamily: 'Inter';
 fontSize: 16;
 fontWeight: 400;
-lineHeight: '1.5rem';
 };
 medium: {
 fontFamily: 'Inter';
@@ -990,6 +984,24 @@ 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;
+};
 };
 
 declare const titles: Titles;
@@ -1001,18 +1013,6 @@ fontSize: 16;
 fontWeight: 400;
 lineHeight: '1.5rem';
 };
-medium: {
-fontFamily: 'Inter';
-fontSize: 16;
-fontWeight: 500;
-lineHeight: '1.5rem';
-};
-semiBold: {
-fontFamily: 'Inter';
-fontSize: 16;
-fontWeight: 600;
-lineHeight: '1.5rem';
-};
 small: {
 regular: {
 fontFamily: 'Inter';
@@ -1020,18 +1020,18 @@ fontSize: 14;
 fontWeight: 400;
 lineHeight: '1.5rem';
 };
-medium: {
-fontFamily: 'Inter';
-fontSize: 14;
-fontWeight: 500;
-lineHeight: '1.5rem';
-};
 semiBold: {
 fontFamily: 'Inter';
 fontSize: 14;
 fontWeight: 600;
 lineHeight: '150%';
 };
+medium: {
+fontFamily: 'Inter';
+fontSize: 14;
+fontWeight: 500;
+lineHeight: '1.5rem';
+};
 };
 xs: {
 regular: {
@@ -1040,25 +1040,19 @@ fontSize: 12;
 fontWeight: 400;
 lineHeight: '1rem';
 };
-medium: {
-fontFamily: 'Inter';
-fontSize: 12;
-fontWeight: 500;
-lineHeight: '1rem';
-};
 semiBold: {
 fontFamily: 'Inter';
 fontSize: 12;
 fontWeight: 600;
 lineHeight: '150%';
 };
-};
-xxs: {
+medium: {
 fontFamily: 'Inter';
-fontSize: 10;
-fontWeight: 400;
+fontSize: 12;
+fontWeight: 500;
 lineHeight: '1rem';
 };
+};
 code: {
 small: {
 fontFamily: 'JetBrains Mono NL';
@@ -1073,6 +1067,24 @@ fontWeight: 400;
 lineHeight: '1.5rem';
 };
 };
+xxs: {
+fontFamily: 'Inter';
+fontSize: 10;
+fontWeight: 400;
+lineHeight: '1rem';
+};
+semiBold: {
+fontFamily: 'Inter';
+fontSize: 16;
+fontWeight: 600;
+lineHeight: '1.5rem';
+};
+medium: {
+fontFamily: 'Inter';
+fontSize: 16;
+fontWeight: 500;
+lineHeight: '1.5rem';
+};
 };
 
 declare const body: Body;
@@ -1082,16 +1094,16 @@ fontFamily: 'Inter';
 fontSize: 10;
 fontWeight: 400;
 lineHeight: '1rem';
-default: {
+selected: {
 fontFamily: 'Inter';
 fontSize: 10;
-fontWeight: 400;
+fontWeight: 600;
 lineHeight: '1rem';
 };
-selected: {
+default: {
 fontFamily: 'Inter';
 fontSize: 10;
-fontWeight: 600;
+fontWeight: 400;
 lineHeight: '1rem';
 };
 };
@@ -1125,31 +1137,31 @@ lineHeight: '1.25rem';
 declare const button: Button;
 
 type Link = {
-default: {
+hover: {
 fontFamily: 'Inter';
 fontSize: 16;
 fontWeight: 400;
 lineHeight: '1.5rem';
+textDecoration: 'underline';
 };
-hover: {
+default: {
 fontFamily: 'Inter';
 fontSize: 16;
 fontWeight: 400;
 lineHeight: '1.5rem';
-textDecoration: 'underline';
 };
-small: {
+smallHover: {
 fontFamily: 'Inter';
 fontSize: 14;
 fontWeight: 500;
 lineHeight: '1.5rem';
+textDecoration: 'underline';
 };
-smallHover: {
+small: {
 fontFamily: 'Inter';
 fontSize: 14;
 fontWeight: 500;
 lineHeight: '1.5rem';
-textDecoration: 'underline';
 };
 large: {
 fontFamily: 'Inter';
@@ -1270,7 +1282,7 @@ declare namespace semanticTypography_d {
  * @generated
  */
 
-type Modal = {
+type NeutralSmall = {
 /**
    * @scopes Effect Float
    */
@@ -1278,7 +1290,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 8;
+y: 1;
 /**
    * @scopes Effect Color
    */
@@ -1286,16 +1298,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 15;
+blur: 3;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const modal: Modal;
+declare const neutralSmall: NeutralSmall;
 
-type Dropdown = {
+type NeutralRegular = {
 /**
    * @scopes Effect Float
    */
@@ -1303,7 +1315,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 8;
+y: 2;
 /**
    * @scopes Effect Color
    */
@@ -1311,16 +1323,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 15;
+blur: 4;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const dropdown: Dropdown;
+declare const neutralRegular: NeutralRegular;
 
-type Drawer = {
+type NeutralMedium = {
 /**
    * @scopes Effect Float
    */
@@ -1343,9 +1355,9 @@ blur: 15;
 spread: 0;
 };
 
-declare const drawer: Drawer;
+declare const neutralMedium: NeutralMedium;
 
-type Card = {
+type PrimarySmall = {
 /**
    * @scopes Effect Float
    */
@@ -1353,32 +1365,32 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 2;
+y: 1;
 /**
    * @scopes Effect Color
    */
-shadow: 'rgba(31, 41, 55, 0.1)';
+shadow: 'rgba(47, 66, 255, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 4;
+blur: 3;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const card: Card;
+declare const primarySmall: PrimarySmall;
 
-type NeutralSmall = {
+type NeutralLarge1 = {
 /**
    * @scopes Effect Float
    */
-x: 0;
+blur: 4;
 /**
    * @scopes Effect Float
    */
-y: 1;
+spread: 0;
 /**
    * @scopes Effect Color
    */
@@ -1386,16 +1398,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 3;
+y: 4;
 /**
    * @scopes Effect Float
    */
-spread: 0;
+x: 0;
 };
 
-declare const neutralSmall: NeutralSmall;
+declare const neutralLarge1: NeutralLarge1;
 
-type NeutralRegular = {
+type PrimaryRegular = {
 /**
    * @scopes Effect Float
    */
@@ -1403,24 +1415,24 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 2;
+y: 4;
 /**
    * @scopes Effect Color
    */
-shadow: 'rgba(31, 41, 55, 0.1)';
+shadow: 'rgba(47, 66, 255, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 4;
+blur: 8;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const neutralRegular: NeutralRegular;
+declare const primaryRegular: PrimaryRegular;
 
-type NeutralMedium = {
+type PrimaryMedium = {
 /**
    * @scopes Effect Float
    */
@@ -1432,7 +1444,7 @@ y: 8;
 /**
    * @scopes Effect Color
    */
-shadow: 'rgba(31, 41, 55, 0.1)';
+shadow: 'rgba(47, 66, 255, 0.1)';
 /**
    * @scopes Effect Float
    */
@@ -1443,9 +1455,9 @@ blur: 15;
 spread: 0;
 };
 
-declare const neutralMedium: NeutralMedium;
+declare const primaryMedium: PrimaryMedium;
 
-type PrimarySmall = {
+type PrimaryLarge = {
 /**
    * @scopes Effect Float
    */
@@ -1453,7 +1465,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 1;
+y: 8;
 /**
    * @scopes Effect Color
    */
@@ -1461,16 +1473,16 @@ shadow: 'rgba(47, 66, 255, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 3;
+blur: 24;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const primarySmall: PrimarySmall;
+declare const primaryLarge: PrimaryLarge;
 
-type NeutralLarge1 = {
+type NeutralLarge2 = {
 /**
    * @scopes Effect Float
    */
@@ -1478,7 +1490,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 4;
+y: 8;
 /**
    * @scopes Effect Color
    */
@@ -1486,16 +1498,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 4;
+blur: 24;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const neutralLarge1: NeutralLarge1;
+declare const neutralLarge2: NeutralLarge2;
 
-type PrimaryRegular = {
+type Card = {
 /**
    * @scopes Effect Float
    */
@@ -1503,24 +1515,24 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 4;
+y: 2;
 /**
    * @scopes Effect Color
    */
-shadow: 'rgba(47, 66, 255, 0.1)';
+shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 8;
+blur: 4;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const primaryRegular: PrimaryRegular;
+declare const card: Card;
 
-type PrimaryMedium = {
+type HardLine = {
 /**
    * @scopes Effect Float
    */
@@ -1528,24 +1540,24 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 8;
+y: 1;
 /**
    * @scopes Effect Color
    */
-shadow: 'rgba(47, 66, 255, 0.1)';
+shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 15;
+blur: 2;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const primaryMedium: PrimaryMedium;
+declare const hardLine: HardLine;
 
-type PrimaryLarge = {
+type Dropdown = {
 /**
    * @scopes Effect Float
    */
@@ -1557,20 +1569,20 @@ y: 8;
 /**
    * @scopes Effect Color
    */
-shadow: 'rgba(47, 66, 255, 0.1)';
+shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 24;
+blur: 15;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const primaryLarge: PrimaryLarge;
+declare const dropdown: Dropdown;
 
-type NeutralLarge2 = {
+type Drawer = {
 /**
    * @scopes Effect Float
    */
@@ -1586,16 +1598,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 24;
+blur: 15;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const neutralLarge2: NeutralLarge2;
+declare const drawer: Drawer;
 
-type HardLine = {
+type Modal = {
 /**
    * @scopes Effect Float
    */
@@ -1603,7 +1615,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 1;
+y: 8;
 /**
    * @scopes Effect Color
    */
@@ -1611,20 +1623,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 2;
+blur: 15;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-declare const hardLine: HardLine;
+declare const modal: Modal;
 
 declare const _default$2: {
-modal: typeof modal,
-dropdown: typeof dropdown,
-drawer: typeof drawer,
-card: typeof card,
 neutralSmall: typeof neutralSmall,
 neutralRegular: typeof neutralRegular,
 neutralMedium: typeof neutralMedium,
@@ -1634,7 +1642,11 @@ primaryRegular: typeof primaryRegular,
 primaryMedium: typeof primaryMedium,
 primaryLarge: typeof primaryLarge,
 neutralLarge2: typeof neutralLarge2,
+card: typeof card,
 hardLine: typeof hardLine,
+dropdown: typeof dropdown,
+drawer: typeof drawer,
+modal: typeof modal,
 };
 
 type shadows_d_Card = Card;
@@ -1720,59 +1732,59 @@ declare const spacing_2: 16;
 /**
    * @scopes Width Height, Gap
    */
-declare const spacing_2_1_4: 18;
+declare const spacing_3: 24;
 
 /**
    * @scopes Width Height, Gap
    */
-declare const spacing_2_1_2: 20;
+declare const spacing_2_3_4: 22;
 
 /**
    * @scopes Width Height, Gap
    */
-declare const spacing_2_3_4: 22;
+declare const spacing_2_1_2: 20;
 
 /**
    * @scopes Width Height, Gap
    */
-declare const spacing_3: 24;
+declare const spacing_2_1_4: 18;
 
 /**
    * @scopes Width Height, Gap
    */
-declare const spacing_3_1_4: 26;
+declare const spacing_4: 32;
 
 /**
    * @scopes Width Height, Gap
    */
-declare const spacing_3_1_2: 28;
+declare const spacing_3_3_4: 30;
 
 /**
    * @scopes Width Height, Gap
    */
-declare const spacing_3_3_4: 30;
+declare const spacing_3_1_2: 28;
 
 /**
    * @scopes Width Height, Gap
    */
-declare const spacing_4: 32;
+declare const spacing_3_1_4: 26;
 
 declare const spacing_5: 40;
 
-declare const spacing_5_1_4: 42;
+declare const spacing_6: 48;
+
+declare const spacing_8: 64;
+
+declare const spacing_10: 80;
 
 declare const spacing_5_1_2: 44;
 
-declare const spacing_6: 48;
+declare const spacing_5_1_4: 42;
 
 declare const spacing_7: 56;
 
-declare const spacing_8: 64;
-
 declare const spacing_9: 56;
 
-declare const spacing_10: 80;
-
 declare const _default$1: {
 spacing_1_4: typeof spacing_1_4,
 spacing_1_2: typeof spacing_1_2,
@@ -1782,22 +1794,22 @@ spacing_1_1_4: typeof spacing_1_1_4,
 spacing_1_1_2: typeof spacing_1_1_2,
 spacing_1_3_4: typeof spacing_1_3_4,
 spacing_2: typeof spacing_2,
-spacing_2_1_4: typeof spacing_2_1_4,
-spacing_2_1_2: typeof spacing_2_1_2,
-spacing_2_3_4: typeof spacing_2_3_4,
 spacing_3: typeof spacing_3,
-spacing_3_1_4: typeof spacing_3_1_4,
-spacing_3_1_2: typeof spacing_3_1_2,
-spacing_3_3_4: typeof spacing_3_3_4,
+spacing_2_3_4: typeof spacing_2_3_4,
+spacing_2_1_2: typeof spacing_2_1_2,
+spacing_2_1_4: typeof spacing_2_1_4,
 spacing_4: typeof spacing_4,
+spacing_3_3_4: typeof spacing_3_3_4,
+spacing_3_1_2: typeof spacing_3_1_2,
+spacing_3_1_4: typeof spacing_3_1_4,
 spacing_5: typeof spacing_5,
-spacing_5_1_4: typeof spacing_5_1_4,
-spacing_5_1_2: typeof spacing_5_1_2,
 spacing_6: typeof spacing_6,
-spacing_7: typeof spacing_7,
 spacing_8: typeof spacing_8,
-spacing_9: typeof spacing_9,
 spacing_10: typeof spacing_10,
+spacing_5_1_2: typeof spacing_5_1_2,
+spacing_5_1_4: typeof spacing_5_1_4,
+spacing_7: typeof spacing_7,
+spacing_9: typeof spacing_9,
 };
 
 declare const spacing_d_spacing_1: typeof spacing_1;
@@ -1860,27 +1872,45 @@ declare namespace spacing_d {
  * @generated
  */
 
-type FontFamily = {
-heading: 'Inter';
-body: 'Inter';
-code: 'JetBrains Mono NL';
+type LineHeight = {
+/**
+   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
+   */
+s: 20;
+/**
+   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
+   */
+m: 24;
+/**
+   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
+   */
+l: 28;
+/**
+   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
+   */
+xl: 32;
+/**
+   * value in pixels
+   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
+   */
+xs: 16;
 };
 
-declare const fontFamily: FontFamily;
+declare const lineHeight: LineHeight;
 
 type FontSize = {
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-xxs: 10;
+caption: 13;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-xs: 12;
+code: 14;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-sm: 14;
+xs: 12;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
@@ -1888,15 +1918,15 @@ h6: 16;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-default: 16;
+xxs: 10;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-caption: 13;
+sm: 14;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-code: 14;
+default: 16;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
@@ -1921,6 +1951,20 @@ h1: 28;
 
 declare const fontSize: FontSize;
 
+type TextDecoration = {
+underline: 'underline';
+};
+
+declare const textDecoration: TextDecoration;
+
+type FontFamily = {
+body: 'Inter';
+code: 'JetBrains Mono NL';
+heading: 'Inter';
+};
+
+declare const fontFamily: FontFamily;
+
 type FontWeight = {
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
@@ -1929,11 +1973,11 @@ thin: 100;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-light: 300;
+regular: 400;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-regular: 400;
+bold: 700;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
@@ -1941,11 +1985,11 @@ medium: 500;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-semiBold: 600;
+light: 300;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
-bold: 700;
+semiBold: 600;
 /**
    * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
    */
@@ -1954,44 +1998,12 @@ extraBold: 800;
 
 declare const fontWeight: FontWeight;
 
-type LineHeight = {
-/**
-   * value in pixels
-   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
-   */
-xs: 16;
-/**
-   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
-   */
-s: 20;
-/**
-   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
-   */
-m: 24;
-/**
-   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
-   */
-l: 28;
-/**
-   * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
-   */
-xl: 32;
-};
-
-declare const lineHeight: LineHeight;
-
-type TextDecoration = {
-underline: 'underline';
-};
-
-declare const textDecoration: TextDecoration;
-
 declare const _default: {
-fontFamily: typeof fontFamily,
-fontSize: typeof fontSize,
-fontWeight: typeof fontWeight,
 lineHeight: typeof lineHeight,
+fontSize: typeof fontSize,
 textDecoration: typeof textDecoration,
+fontFamily: typeof fontFamily,
+fontWeight: typeof fontWeight,
 };
 
 type typography_d_FontFamily = FontFamily;