@moderneinc/neo-design 1.2.3 → 1.2.5

package/dist/semantic-colors.js

@@ -4,118 +4,672 @@
  * @generated
  */
 
-export const activity = {
-  "recipeRun": "#992fb9",
-  "commitJob": "#2f42ff",
-  "visualization": "#27aa88"
-};
-
-export const border = {
-  "primary": "#d1d5db",
-  "input": "#9ca3af",
-  "tabActive": "#2f42ff",
-  "codeDashed": "#9ca3af",
-  "card": "#d1d5db",
-  "cardHeader": "#d1d5db"
-};
-
-export const buttons = {
-  "destructive": "#cb3446",
-  "navigationActive": "#ffffff",
-  "primaryPressed": "#131e7a",
-  "primaryDefault": "#2f42ff",
-  "primaryHover": "#1e2ec2",
-  "primaryDisabled": "#b6bfff",
-  "primaryFocus": "#2f42ff",
-  "secondaryDefaultBorder": "#b6bfff",
-  "secondaryHoverBackground": "#f2f3ff",
-  "secondaryPressedBackground": "#dce0ff",
-  "secondaryDisabled": "#626eff",
-  "secondaryFocus": "#2f42ff",
-  "tertiaryDefault": "#2f42ff",
-  "tertiaryHover": "#1e2ec2",
-  "tertiaryPressed": "#131e7a",
-  "tertiaryFocus": "#2f42ff",
-  "tertiaryDisabled": "#626eff"
-};
-
-export const icons = {
-  "default": "#1f2937",
-  "active": "#2f42ff",
-  "hover": "#131e7a",
-  "hoverBackground": "#e5e7eb",
-  "disabled": "#9ca3af",
-  "placeholder": "#4b5563",
-  "checkbox": "#4b5563"
-};
-
-export const status = {
-  "successDark": "#4ca75a",
-  "warningDark": "#ffb800",
-  "errorDark": "#cb3446",
-  "successLight": "#f3fff5",
-  "errorLight": "#ffedef",
-  "warningLight": "#fff8e5"
-};
-
-export const surfaces = {
-  "black": "#000000",
-  "white": "#ffffff",
-  "page": "#f9fafb",
-  "card": "#ffffff",
-  "cardHeader": "#f3f4f6",
-  "tabActive": "#f3f4f6",
-  "listHover": "#f9fafb",
-  "inputHover": "#f3f4f6",
-  "tableDisabledRow": "#f3f4f6",
-  "tableBackground": "#ffffff",
-  "shadowNeutral": "#1f2937",
-  "scrim": "#1f2937",
-  "shadowPrimary": "#2f42ff",
-  "tooltip": "#4b5563"
-};
-
-export const typography = {
-  "pageHeader": "#111827",
-  "sectionHeader": "#374151",
-  "body": "#1f2937",
-  "buttonPrimary": "#f9fafb",
-  "buttonSecondary": "#2f42ff",
-  "buttonDisabled": "#9ca3af",
-  "inputPlaceholder": "#6b7280",
-  "inputDefault": "#1f2937",
-  "codePrimary": "#1f2937",
-  "codeSecondary": "#6b7280",
-  "tabInactive": "#4b5563",
-  "tabActive": "#626eff",
-  "linkPrimary": "#2f42ff",
-  "linkDisabled": "#b6bfff",
-  "linkDefault": "#f9fafb",
-  "error": "#cb3446",
-  "success": "#4ca75a",
-  "warning": "#1f2937",
-  "tooltip": "#ffffff"
-};
-
-export const data = {
-  "green": "#4ca75a",
-  "yellow": "#fdda04",
-  "orange1": "#ffc008",
-  "orange2": "#ff9800",
-  "orange3": "#f9a91b",
-  "red1": "#ff5c24",
-  "red2": "#ed4134",
-  "red3": "#cb3446"
-};
+/**
+ * @type {string}
+ */
+export const base_primatives_blue = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const activity_recipe_run = "#992fb9";
+
+/**
+ * @type {string}
+ */
+export const activity_commit_job = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const activity_visualization = "#27aa88";
+
+/**
+ * @type {string}
+ */
+export const border_primary = "#d1d5db";
+
+/**
+ * @type {string}
+ */
+export const border_input = "#9ca3af";
+
+/**
+ * @type {string}
+ */
+export const border_tab_active = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const border_code_dashed = "#9ca3af";
+
+/**
+ * @type {string}
+ */
+export const border_card = "#d1d5db";
+
+/**
+ * @type {string}
+ */
+export const border_card_header = "#d1d5db";
+
+/**
+ * @type {string}
+ */
+export const buttons_destructive = "#cb3446";
+
+/**
+ * @type {string}
+ */
+export const buttons_navigation_active = "#ffffff";
+
+/**
+ * @type {string}
+ */
+export const buttons_primary_pressed = "#131e7a";
+
+/**
+ * @type {string}
+ */
+export const buttons_primary_default = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const buttons_primary_hover = "#1e2ec2";
+
+/**
+ * @type {string}
+ */
+export const buttons_primary_disabled = "#b6bfff";
+
+/**
+ * @type {string}
+ */
+export const buttons_primary_focus = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const buttons_secondary_default_border = "#b6bfff";
+
+/**
+ * @type {string}
+ */
+export const buttons_secondary_hover_background = "#f2f3ff";
+
+/**
+ * @type {string}
+ */
+export const buttons_secondary_pressed_background = "#dce0ff";
+
+/**
+ * @type {string}
+ */
+export const buttons_secondary_disabled = "#626eff";
+
+/**
+ * @type {string}
+ */
+export const buttons_secondary_focus = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const buttons_tertiary_default = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const buttons_tertiary_hover = "#1e2ec2";
+
+/**
+ * @type {string}
+ */
+export const buttons_tertiary_pressed = "#131e7a";
+
+/**
+ * @type {string}
+ */
+export const buttons_tertiary_focus = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const buttons_tertiary_disabled = "#626eff";
+
+/**
+ * @type {string}
+ */
+export const icons_default = "#1f2937";
+
+/**
+ * @type {string}
+ */
+export const icons_active = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const icons_hover = "#131e7a";
+
+/**
+ * @type {string}
+ */
+export const icons_hover_background = "#e5e7eb";
+
+/**
+ * @type {string}
+ */
+export const icons_disabled = "#9ca3af";
+
+/**
+ * @type {string}
+ */
+export const icons_placeholder = "#4b5563";
+
+/**
+ * @type {string}
+ */
+export const icons_checkbox = "#4b5563";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_900 = "#000855";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_800 = "#131e7a";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_700 = "#1e2ec2";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_600 = "#2637e6";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_500 = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_400 = "#626eff";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_300 = "#8d99ff";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_200 = "#b6bfff";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_100 = "#dce0ff";
+
+/**
+ * @type {string}
+ */
+export const base_digital_blue_50 = "#f2f3ff";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_900 = "#111827";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_800 = "#1f2937";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_700 = "#374151";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_600 = "#4b5563";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_500 = "#6b7280";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_400 = "#9ca3af";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_300 = "#d1d5db";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_200 = "#e5e7eb";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_100 = "#f3f4f6";
+
+/**
+ * @type {string}
+ */
+export const base_grey_grey_50 = "#f9fafb";
+
+/**
+ * @type {string}
+ */
+export const base_digital_green_digital_green_50 = "#f3fff5";
+
+/**
+ * @type {string}
+ */
+export const base_digital_green_digital_green_100 = "#cfffd7";
+
+/**
+ * @type {string}
+ */
+export const base_digital_green_digital_green_600 = "#4ca75a";
+
+/**
+ * @type {string}
+ */
+export const base_digital_green_digital_green_700 = "#3b8948";
+
+/**
+ * @type {string}
+ */
+export const base_red_red_50 = "#ffedef";
+
+/**
+ * @type {string}
+ */
+export const base_red_red_100 = "#ffc6cd";
+
+/**
+ * @type {string}
+ */
+export const base_red_red_400 = "#ed4a5d";
+
+/**
+ * @type {string}
+ */
+export const base_red_red_500 = "#cb3446";
+
+/**
+ * @type {string}
+ */
+export const base_teal_green_teal_green_500 = "#3bcca6";
+
+/**
+ * @type {string}
+ */
+export const base_teal_green_teal_green_600 = "#27aa88";
+
+/**
+ * @type {string}
+ */
+export const status_success_dark = "#4ca75a";
+
+/**
+ * @type {string}
+ */
+export const status_warning_dark = "#ffb800";
+
+/**
+ * @type {string}
+ */
+export const status_error_dark = "#cb3446";
+
+/**
+ * @type {string}
+ */
+export const status_success_light = "#f3fff5";
+
+/**
+ * @type {string}
+ */
+export const status_error_light = "#ffedef";
+
+/**
+ * @type {string}
+ */
+export const status_warning_light = "#fff8e5";
+
+/**
+ * @type {string}
+ */
+export const surfaces_black = "#000000";
+
+/**
+ * @type {string}
+ */
+export const surfaces_white = "#ffffff";
+
+/**
+ * @type {string}
+ */
+export const surfaces_page = "#f9fafb";
+
+/**
+ * @type {string}
+ */
+export const surfaces_card = "#ffffff";
+
+/**
+ * @type {string}
+ */
+export const surfaces_card_header = "#f3f4f6";
+
+/**
+ * @type {string}
+ */
+export const surfaces_tab_active = "#f3f4f6";
+
+/**
+ * @type {string}
+ */
+export const surfaces_list_hover = "#f9fafb";
+
+/**
+ * @type {string}
+ */
+export const surfaces_input_hover = "#f3f4f6";
+
+/**
+ * @type {string}
+ */
+export const surfaces_table_disabled_row = "#f3f4f6";
+
+/**
+ * @type {string}
+ */
+export const surfaces_table_background = "#ffffff";
+
+/**
+ * @type {string}
+ */
+export const surfaces_shadow_neutral = "#1f2937";
+
+/**
+ * @type {string}
+ */
+export const surfaces_scrim = "#1f2937";
+
+/**
+ * @type {string}
+ */
+export const surfaces_shadow_primary = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const surfaces_tooltip = "#4b5563";
+
+/**
+ * @type {string}
+ */
+export const typography_page_header = "#111827";
+
+/**
+ * @type {string}
+ */
+export const typography_section_header = "#374151";
+
+/**
+ * @type {string}
+ */
+export const typography_body = "#1f2937";
+
+/**
+ * @type {string}
+ */
+export const typography_button_primary = "#f9fafb";
+
+/**
+ * @type {string}
+ */
+export const typography_button_secondary = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const typography_button_disabled = "#9ca3af";
+
+/**
+ * @type {string}
+ */
+export const typography_input_placeholder = "#6b7280";
+
+/**
+ * @type {string}
+ */
+export const typography_input_default = "#1f2937";
+
+/**
+ * @type {string}
+ */
+export const typography_code_primary = "#1f2937";
+
+/**
+ * @type {string}
+ */
+export const typography_code_secondary = "#6b7280";
+
+/**
+ * @type {string}
+ */
+export const typography_tab_inactive = "#4b5563";
+
+/**
+ * @type {string}
+ */
+export const typography_tab_active = "#626eff";
+
+/**
+ * @type {string}
+ */
+export const typography_link_primary = "#2f42ff";
+
+/**
+ * @type {string}
+ */
+export const typography_link_disabled = "#b6bfff";
+
+/**
+ * @type {string}
+ */
+export const typography_link_default = "#f9fafb";
+
+/**
+ * @type {string}
+ */
+export const typography_error = "#cb3446";
+
+/**
+ * @type {string}
+ */
+export const typography_success = "#4ca75a";
+
+/**
+ * @type {string}
+ */
+export const typography_warning = "#1f2937";
+
+/**
+ * @type {string}
+ */
+export const typography_tooltip = "#ffffff";
+
+/**
+ * @type {string}
+ */
+export const data_green = "#4ca75a";
+
+/**
+ * @type {string}
+ */
+export const data_yellow = "#fdda04";
+
+/**
+ * @type {string}
+ */
+export const data_orange_1 = "#ffc008";
+
+/**
+ * @type {string}
+ */
+export const data_orange_2 = "#ff9800";
+
+/**
+ * @type {string}
+ */
+export const data_orange_3 = "#f9a91b";
+
+/**
+ * @type {string}
+ */
+export const data_red_1 = "#ff5c24";
+
+/**
+ * @type {string}
+ */
+export const data_red_2 = "#ed4134";
+
+/**
+ * @type {string}
+ */
+export const data_red_3 = "#cb3446";
 
 // Default export with all tokens
 export default {
-  'activity': activity,
-  'border': border,
-  'buttons': buttons,
-  'icons': icons,
-  'status': status,
-  'surfaces': surfaces,
-  'typography': typography,
-  'data': data
-};
+  base_primatives_blue,
+  activity_recipe_run,
+  activity_commit_job,
+  activity_visualization,
+  border_primary,
+  border_input,
+  border_tab_active,
+  border_code_dashed,
+  border_card,
+  border_card_header,
+  buttons_destructive,
+  buttons_navigation_active,
+  buttons_primary_pressed,
+  buttons_primary_default,
+  buttons_primary_hover,
+  buttons_primary_disabled,
+  buttons_primary_focus,
+  buttons_secondary_default_border,
+  buttons_secondary_hover_background,
+  buttons_secondary_pressed_background,
+  buttons_secondary_disabled,
+  buttons_secondary_focus,
+  buttons_tertiary_default,
+  buttons_tertiary_hover,
+  buttons_tertiary_pressed,
+  buttons_tertiary_focus,
+  buttons_tertiary_disabled,
+  icons_default,
+  icons_active,
+  icons_hover,
+  icons_hover_background,
+  icons_disabled,
+  icons_placeholder,
+  icons_checkbox,
+  base_digital_blue_900,
+  base_digital_blue_800,
+  base_digital_blue_700,
+  base_digital_blue_600,
+  base_digital_blue_500,
+  base_digital_blue_400,
+  base_digital_blue_300,
+  base_digital_blue_200,
+  base_digital_blue_100,
+  base_digital_blue_50,
+  base_grey_grey_900,
+  base_grey_grey_800,
+  base_grey_grey_700,
+  base_grey_grey_600,
+  base_grey_grey_500,
+  base_grey_grey_400,
+  base_grey_grey_300,
+  base_grey_grey_200,
+  base_grey_grey_100,
+  base_grey_grey_50,
+  base_digital_green_digital_green_50,
+  base_digital_green_digital_green_100,
+  base_digital_green_digital_green_600,
+  base_digital_green_digital_green_700,
+  base_red_red_50,
+  base_red_red_100,
+  base_red_red_400,
+  base_red_red_500,
+  base_teal_green_teal_green_500,
+  base_teal_green_teal_green_600,
+  status_success_dark,
+  status_warning_dark,
+  status_error_dark,
+  status_success_light,
+  status_error_light,
+  status_warning_light,
+  surfaces_black,
+  surfaces_white,
+  surfaces_page,
+  surfaces_card,
+  surfaces_card_header,
+  surfaces_tab_active,
+  surfaces_list_hover,
+  surfaces_input_hover,
+  surfaces_table_disabled_row,
+  surfaces_table_background,
+  surfaces_shadow_neutral,
+  surfaces_scrim,
+  surfaces_shadow_primary,
+  surfaces_tooltip,
+  typography_page_header,
+  typography_section_header,
+  typography_body,
+  typography_button_primary,
+  typography_button_secondary,
+  typography_button_disabled,
+  typography_input_placeholder,
+  typography_input_default,
+  typography_code_primary,
+  typography_code_secondary,
+  typography_tab_inactive,
+  typography_tab_active,
+  typography_link_primary,
+  typography_link_disabled,
+  typography_link_default,
+  typography_error,
+  typography_success,
+  typography_warning,
+  typography_tooltip,
+  data_green,
+  data_yellow,
+  data_orange_1,
+  data_orange_2,
+  data_orange_3,
+  data_red_1,
+  data_red_2,
+  data_red_3
+};