@moderneinc/neo-design 2.8.0 → 3.0.0

package/dist/semantic-typography.d.ts

@@ -5,36 +5,18 @@
  */
 
 export 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';
@@ -49,6 +31,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;
+};
 };
 
 export declare const titles: Titles;
@@ -60,18 +60,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';
@@ -79,18 +67,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: {
@@ -99,25 +87,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';
@@ -132,6 +114,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';
+};
 };
 
 export declare const body: Body;
@@ -141,16 +141,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';
 };
 };
@@ -184,31 +184,31 @@ lineHeight: '1.25rem';
 export declare const button: Button;
 
 export 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';

package/dist/semantic-typography.js

@@ -5,31 +5,31 @@
  */
 
 /**
- * @typedef {{ moddyHeader: object, pageHeader: object, codeHeader: object, pageSubheader: object, sectionHeader: object }} Titles
+ * @typedef {{ pageSubheader: object, sectionHeader: object, codeHeader: object, moddyHeader: object, pageHeader: object }} Titles
  */
 
 /**
  * @type {Titles}
  */
-export const 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":{"fontFamily":"Inter","fontSize":18,"fontWeight":500,"lineHeight":"1.5rem"},"sectionHeader":{"default":{"fontFamily":"Inter","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"}}};
+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}};
 
 /**
- * @typedef {{ regular: object, medium: object, semiBold: object, small: object, xs: object, xxs: object, code: object }} Body
+ * @typedef {{ regular: object, small: object, xs: object, code: object, xxs: object, semiBold: object, medium: object }} Body
  */
 
 /**
  * @type {Body}
  */
-export const body = {"regular":{"fontFamily":"Inter","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","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%"}},"xs":{"regular":{"fontFamily":"Inter","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":{"fontFamily":"Inter","fontSize":10,"fontWeight":400,"lineHeight":"1rem"},"code":{"small":{"fontFamily":"JetBrains Mono NL","fontSize":14,"fontWeight":400,"lineHeight":"1.5rem"},"xs":{"fontFamily":"JetBrains Mono NL","fontSize":12,"fontWeight":400,"lineHeight":"1.5rem"}}};
+export const body = {"regular":{"fontFamily":"Inter","fontSize":16,"fontWeight":400,"lineHeight":"1.5rem"},"small":{"regular":{"fontFamily":"Inter","fontSize":14,"fontWeight":400,"lineHeight":"1.5rem"},"semiBold":{"fontFamily":"Inter","fontSize":14,"fontWeight":600,"lineHeight":"150%"},"medium":{"fontFamily":"Inter","fontSize":14,"fontWeight":500,"lineHeight":"1.5rem"}},"xs":{"regular":{"fontFamily":"Inter","fontSize":12,"fontWeight":400,"lineHeight":"1rem"},"semiBold":{"fontFamily":"Inter","fontSize":12,"fontWeight":600,"lineHeight":"150%"},"medium":{"fontFamily":"Inter","fontSize":12,"fontWeight":500,"lineHeight":"1rem"}},"code":{"small":{"fontFamily":"JetBrains Mono NL","fontSize":14,"fontWeight":400,"lineHeight":"1.5rem"},"xs":{"fontFamily":"JetBrains Mono NL","fontSize":12,"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"}};
 
 /**
- * @typedef {{ fontFamily: string, fontSize: number, fontWeight: number, lineHeight: string, default: object, selected: object }} NavigationLabel
+ * @typedef {{ fontFamily: string, fontSize: number, fontWeight: number, lineHeight: string, selected: object, default: object }} NavigationLabel
  */
 
 /**
  * @type {NavigationLabel}
  */
-export const navigationLabel = {"fontFamily":"Inter","fontSize":10,"fontWeight":400,"lineHeight":"1rem","default":{"fontFamily":"Inter","fontSize":10,"fontWeight":400,"lineHeight":"1rem"},"selected":{"fontFamily":"Inter","fontSize":10,"fontWeight":600,"lineHeight":"1rem"}};
+export const navigationLabel = {"fontFamily":"Inter","fontSize":10,"fontWeight":400,"lineHeight":"1rem","selected":{"fontFamily":"Inter","fontSize":10,"fontWeight":600,"lineHeight":"1rem"},"default":{"fontFamily":"Inter","fontSize":10,"fontWeight":400,"lineHeight":"1rem"}};
 
 /**
  * @typedef {{ active: object, inactive: object }} Tab
@@ -50,13 +50,13 @@ export const tab = {"active":{"fontFamily":"Inter","fontSize":14,"fontWeight":60
 export const button = {"fontFamily":"Inter","fontSize":14,"fontWeight":500,"lineHeight":"1.25rem"};
 
 /**
- * @typedef {{ default: object, hover: object, small: object, smallHover: object, large: object, largeHover: object }} Link
+ * @typedef {{ hover: object, default: object, smallHover: object, small: object, large: object, largeHover: object }} Link
  */
 
 /**
  * @type {Link}
  */
-export const link = {"default":{"fontFamily":"Inter","fontSize":16,"fontWeight":400,"lineHeight":"1.5rem"},"hover":{"fontFamily":"Inter","fontSize":16,"fontWeight":400,"lineHeight":"1.5rem","textDecoration":"underline"},"small":{"fontFamily":"Inter","fontSize":14,"fontWeight":500,"lineHeight":"1.5rem"},"smallHover":{"fontFamily":"Inter","fontSize":14,"fontWeight":500,"lineHeight":"1.5rem","textDecoration":"underline"},"large":{"fontFamily":"Inter","fontSize":16,"fontWeight":600,"lineHeight":"1.5rem"},"largeHover":{"fontFamily":"Inter","fontSize":16,"fontWeight":600,"lineHeight":"1.5rem","textDecoration":"underline"}};
+export const link = {"hover":{"fontFamily":"Inter","fontSize":16,"fontWeight":400,"lineHeight":"1.5rem","textDecoration":"underline"},"default":{"fontFamily":"Inter","fontSize":16,"fontWeight":400,"lineHeight":"1.5rem"},"smallHover":{"fontFamily":"Inter","fontSize":14,"fontWeight":500,"lineHeight":"1.5rem","textDecoration":"underline"},"small":{"fontFamily":"Inter","fontSize":14,"fontWeight":500,"lineHeight":"1.5rem"},"large":{"fontFamily":"Inter","fontSize":16,"fontWeight":600,"lineHeight":"1.5rem"},"largeHover":{"fontFamily":"Inter","fontSize":16,"fontWeight":600,"lineHeight":"1.5rem","textDecoration":"underline"}};
 
 /**
  * @typedef {{ fontFamily: string, fontSize: number, fontWeight: number, lineHeight: string }} Chip

package/dist/shadows.css

@@ -1,8 +1,4 @@
-:root {  --neo-shadow-modal: 0px 8px 15px 0px rgba(31, 41, 55, 0.1);
-  --neo-shadow-dropdown: 0px 8px 15px 0px rgba(31, 41, 55, 0.1);
-  --neo-shadow-drawer: 0px 8px 15px 0px rgba(31, 41, 55, 0.1);
-  --neo-shadow-card: 0px 2px 4px 0px rgba(31, 41, 55, 0.1);
-  --neo-shadow-neutral-small: 0px 1px 3px 0px rgba(31, 41, 55, 0.1);
+:root {  --neo-shadow-neutral-small: 0px 1px 3px 0px rgba(31, 41, 55, 0.1);
   --neo-shadow-neutral-regular: 0px 2px 4px 0px rgba(31, 41, 55, 0.1);
   --neo-shadow-neutral-medium: 0px 8px 15px 0px rgba(31, 41, 55, 0.1);
   --neo-shadow-primary-small: 0px 1px 3px 0px rgba(47, 66, 255, 0.1);
@@ -11,4 +7,8 @@
   --neo-shadow-primary-medium: 0px 8px 15px 0px rgba(47, 66, 255, 0.1);
   --neo-shadow-primary-large: 0px 8px 24px 0px rgba(47, 66, 255, 0.1);
   --neo-shadow-neutral-large2: 0px 8px 24px 0px rgba(31, 41, 55, 0.1);
-  --neo-shadow-hard-line: 0px 1px 2px 0px rgba(31, 41, 55, 0.1);}
+  --neo-shadow-card: 0px 2px 4px 0px rgba(31, 41, 55, 0.1);
+  --neo-shadow-hard-line: 0px 1px 2px 0px rgba(31, 41, 55, 0.1);
+  --neo-shadow-dropdown: 0px 8px 15px 0px rgba(31, 41, 55, 0.1);
+  --neo-shadow-drawer: 0px 8px 15px 0px rgba(31, 41, 55, 0.1);
+  --neo-shadow-modal: 0px 8px 15px 0px rgba(31, 41, 55, 0.1);}

package/dist/shadows.d.ts

@@ -4,7 +4,7 @@
  * @generated
  */
 
-export type Modal = {
+export type NeutralSmall = {
 /**
    * @scopes Effect Float
    */
@@ -12,7 +12,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 8;
+y: 1;
 /**
    * @scopes Effect Color
    */
@@ -20,16 +20,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 15;
+blur: 3;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-export declare const modal: Modal;
+export declare const neutralSmall: NeutralSmall;
 
-export type Dropdown = {
+export type NeutralRegular = {
 /**
    * @scopes Effect Float
    */
@@ -37,7 +37,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 8;
+y: 2;
 /**
    * @scopes Effect Color
    */
@@ -45,16 +45,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 15;
+blur: 4;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-export declare const dropdown: Dropdown;
+export declare const neutralRegular: NeutralRegular;
 
-export type Drawer = {
+export type NeutralMedium = {
 /**
    * @scopes Effect Float
    */
@@ -77,9 +77,9 @@ blur: 15;
 spread: 0;
 };
 
-export declare const drawer: Drawer;
+export declare const neutralMedium: NeutralMedium;
 
-export type Card = {
+export type PrimarySmall = {
 /**
    * @scopes Effect Float
    */
@@ -87,32 +87,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;
 };
 
-export declare const card: Card;
+export declare const primarySmall: PrimarySmall;
 
-export type NeutralSmall = {
+export type NeutralLarge1 = {
 /**
    * @scopes Effect Float
    */
-x: 0;
+blur: 4;
 /**
    * @scopes Effect Float
    */
-y: 1;
+spread: 0;
 /**
    * @scopes Effect Color
    */
@@ -120,16 +120,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 3;
+y: 4;
 /**
    * @scopes Effect Float
    */
-spread: 0;
+x: 0;
 };
 
-export declare const neutralSmall: NeutralSmall;
+export declare const neutralLarge1: NeutralLarge1;
 
-export type NeutralRegular = {
+export type PrimaryRegular = {
 /**
    * @scopes Effect Float
    */
@@ -137,24 +137,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;
 };
 
-export declare const neutralRegular: NeutralRegular;
+export declare const primaryRegular: PrimaryRegular;
 
-export type NeutralMedium = {
+export type PrimaryMedium = {
 /**
    * @scopes Effect Float
    */
@@ -166,7 +166,7 @@ y: 8;
 /**
    * @scopes Effect Color
    */
-shadow: 'rgba(31, 41, 55, 0.1)';
+shadow: 'rgba(47, 66, 255, 0.1)';
 /**
    * @scopes Effect Float
    */
@@ -177,9 +177,9 @@ blur: 15;
 spread: 0;
 };
 
-export declare const neutralMedium: NeutralMedium;
+export declare const primaryMedium: PrimaryMedium;
 
-export type PrimarySmall = {
+export type PrimaryLarge = {
 /**
    * @scopes Effect Float
    */
@@ -187,7 +187,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 1;
+y: 8;
 /**
    * @scopes Effect Color
    */
@@ -195,16 +195,16 @@ shadow: 'rgba(47, 66, 255, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 3;
+blur: 24;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-export declare const primarySmall: PrimarySmall;
+export declare const primaryLarge: PrimaryLarge;
 
-export type NeutralLarge1 = {
+export type NeutralLarge2 = {
 /**
    * @scopes Effect Float
    */
@@ -212,7 +212,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 4;
+y: 8;
 /**
    * @scopes Effect Color
    */
@@ -220,16 +220,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 4;
+blur: 24;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-export declare const neutralLarge1: NeutralLarge1;
+export declare const neutralLarge2: NeutralLarge2;
 
-export type PrimaryRegular = {
+export type Card = {
 /**
    * @scopes Effect Float
    */
@@ -237,24 +237,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;
 };
 
-export declare const primaryRegular: PrimaryRegular;
+export declare const card: Card;
 
-export type PrimaryMedium = {
+export type HardLine = {
 /**
    * @scopes Effect Float
    */
@@ -262,24 +262,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;
 };
 
-export declare const primaryMedium: PrimaryMedium;
+export declare const hardLine: HardLine;
 
-export type PrimaryLarge = {
+export type Dropdown = {
 /**
    * @scopes Effect Float
    */
@@ -291,20 +291,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;
 };
 
-export declare const primaryLarge: PrimaryLarge;
+export declare const dropdown: Dropdown;
 
-export type NeutralLarge2 = {
+export type Drawer = {
 /**
    * @scopes Effect Float
    */
@@ -320,16 +320,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 24;
+blur: 15;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-export declare const neutralLarge2: NeutralLarge2;
+export declare const drawer: Drawer;
 
-export type HardLine = {
+export type Modal = {
 /**
    * @scopes Effect Float
    */
@@ -337,7 +337,7 @@ x: 0;
 /**
    * @scopes Effect Float
    */
-y: 1;
+y: 8;
 /**
    * @scopes Effect Color
    */
@@ -345,20 +345,16 @@ shadow: 'rgba(31, 41, 55, 0.1)';
 /**
    * @scopes Effect Float
    */
-blur: 2;
+blur: 15;
 /**
    * @scopes Effect Float
    */
 spread: 0;
 };
 
-export declare const hardLine: HardLine;
+export declare const modal: Modal;
 
 declare const _default: {
-modal: typeof modal,
-dropdown: typeof dropdown,
-drawer: typeof drawer,
-card: typeof card,
 neutralSmall: typeof neutralSmall,
 neutralRegular: typeof neutralRegular,
 neutralMedium: typeof neutralMedium,
@@ -368,7 +364,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,
 };
 
 export default _default;