@moderneinc/neo-design 2.8.0 → 3.0.0

package/dist/semantic-colors.d.ts

@@ -4,151 +4,205 @@
  * @generated
  */
 
-export type Activity = {
+export 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';
-};
-
-export declare const activity: Activity;
-
-export type Border = {
+disabled: '#d1d5db';
 /**
    * @scopes All Fills, Stroke Color
    */
-primary: '#d1d5db';
+placeholder: '#9ca3af';
 /**
    * @scopes All Fills, Stroke Color
    */
-secondary: '#e5e7eb';
-focus: '#3bcca6';
-};
-
-export declare const border: Border;
-
-export 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';
 };
 
-export declare const buttons: Buttons;
+export declare const icons: Icons;
 
-export type Data = {
+export 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';
 };
 
-export declare const data: Data;
+export declare const surfaces: Surfaces;
 
-export type Icons = {
+export 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';
+};
+
+export declare const typography: Typography;
+
+export 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';
 };
 
-export declare const icons: Icons;
+export declare const border: Border;
 
 export type Input = {
 /**
@@ -158,49 +212,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';
 };
 
 export declare const input: Input;
 
 export 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: {
@@ -217,140 +271,98 @@ background7: '#ffebb7';
 
 export declare const status: Status;
 
-export 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';
+export 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';
+};
+};
+
+export declare const buttons: Buttons;
+
+export 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';
 };
 
-export declare const surfaces: Surfaces;
+export declare const activity: Activity;
 
-export type Typography = {
+export 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';
 };
 
-export declare const typography: Typography;
+export declare const data: Data;
 
 export type Tab = {
 /**
@@ -376,15 +388,15 @@ export declare const code: Code;
 export declare const brand: '#2f42ff';
 
 declare const _default: {
-activity: typeof activity,
-border: typeof border,
-buttons: typeof buttons,
-data: typeof data,
 icons: typeof icons,
-input: typeof input,
-status: typeof status,
 surfaces: typeof surfaces,
 typography: typeof typography,
+border: typeof border,
+input: typeof input,
+status: typeof status,
+buttons: typeof buttons,
+activity: typeof activity,
+data: typeof data,
 tab: typeof tab,
 code: typeof code,
 brand: typeof brand,