diff --git a/docs/lib/sage_rails/app/sage_tokens/sage_dictionary.rb b/docs/lib/sage_rails/app/sage_tokens/sage_dictionary.rb index 9b9ccacc87..2d10fe705d 100644 --- a/docs/lib/sage_rails/app/sage_tokens/sage_dictionary.rb +++ b/docs/lib/sage_rails/app/sage_tokens/sage_dictionary.rb @@ -21,124 +21,124 @@ module SageDictionary # # Static vars for COLOR BASE # - SD_SAGE_COLOR_BASE_PRIMARY_100_HEX = "#e6f4fe" + SD_SAGE_COLOR_BASE_PRIMARY_100_HEX = "#Fee2e1" SD_SAGE_COLOR_BASE_PRIMARY_100_CODE = "primary-100" SD_SAGE_COLOR_BASE_PRIMARY_100_CLASSNAME = "t-sage--color-primary-100" - SD_SAGE_COLOR_BASE_PRIMARY_200_HEX = "#8ecafb" + SD_SAGE_COLOR_BASE_PRIMARY_200_HEX = "#fda5a5" SD_SAGE_COLOR_BASE_PRIMARY_200_CODE = "primary-200" SD_SAGE_COLOR_BASE_PRIMARY_200_CLASSNAME = "t-sage--color-primary-200" - SD_SAGE_COLOR_BASE_PRIMARY_300_HEX = "#0072ef" + SD_SAGE_COLOR_BASE_PRIMARY_300_HEX = "#ef4444" SD_SAGE_COLOR_BASE_PRIMARY_300_CODE = "primary-300" SD_SAGE_COLOR_BASE_PRIMARY_300_CLASSNAME = "t-sage--color-primary-300" - SD_SAGE_COLOR_BASE_PRIMARY_400_HEX = "#054fb8" + SD_SAGE_COLOR_BASE_PRIMARY_400_HEX = "#991b1b" SD_SAGE_COLOR_BASE_PRIMARY_400_CODE = "primary-400" SD_SAGE_COLOR_BASE_PRIMARY_400_CLASSNAME = "t-sage--color-primary-400" - SD_SAGE_COLOR_BASE_PRIMARY_500_HEX = "#07265f" + SD_SAGE_COLOR_BASE_PRIMARY_500_HEX = "#572627" SD_SAGE_COLOR_BASE_PRIMARY_500_CODE = "primary-500" SD_SAGE_COLOR_BASE_PRIMARY_500_CLASSNAME = "t-sage--color-primary-500" - SD_SAGE_COLOR_BASE_SAGE_100_HEX = "#ddf8f0" + SD_SAGE_COLOR_BASE_SAGE_100_HEX = "#d3f8df" SD_SAGE_COLOR_BASE_SAGE_100_CODE = "sage-100" SD_SAGE_COLOR_BASE_SAGE_100_CLASSNAME = "t-sage--color-sage-100" - SD_SAGE_COLOR_BASE_SAGE_200_HEX = "#86d5bc" + SD_SAGE_COLOR_BASE_SAGE_200_HEX = "#73e2a3" SD_SAGE_COLOR_BASE_SAGE_200_CODE = "sage-200" SD_SAGE_COLOR_BASE_SAGE_200_CLASSNAME = "t-sage--color-sage-200" - SD_SAGE_COLOR_BASE_SAGE_300_HEX = "#23856d" + SD_SAGE_COLOR_BASE_SAGE_300_HEX = "#079250" SD_SAGE_COLOR_BASE_SAGE_300_CODE = "sage-300" SD_SAGE_COLOR_BASE_SAGE_300_CLASSNAME = "t-sage--color-sage-300" - SD_SAGE_COLOR_BASE_SAGE_400_HEX = "#225d53" + SD_SAGE_COLOR_BASE_SAGE_400_HEX = "#085c37" SD_SAGE_COLOR_BASE_SAGE_400_CODE = "sage-400" SD_SAGE_COLOR_BASE_SAGE_400_CLASSNAME = "t-sage--color-sage-400" - SD_SAGE_COLOR_BASE_SAGE_500_HEX = "#183e3b" + SD_SAGE_COLOR_BASE_SAGE_500_HEX = "#052e1c" SD_SAGE_COLOR_BASE_SAGE_500_CODE = "sage-500" SD_SAGE_COLOR_BASE_SAGE_500_CLASSNAME = "t-sage--color-sage-500" - SD_SAGE_COLOR_BASE_YELLOW_100_HEX = "#fef8e1" + SD_SAGE_COLOR_BASE_YELLOW_100_HEX = "#fff3c6" SD_SAGE_COLOR_BASE_YELLOW_100_CODE = "yellow-100" SD_SAGE_COLOR_BASE_YELLOW_100_CLASSNAME = "t-sage--color-yellow-100" - SD_SAGE_COLOR_BASE_YELLOW_200_HEX = "#fad980" + SD_SAGE_COLOR_BASE_YELLOW_200_HEX = "#fed04b" SD_SAGE_COLOR_BASE_YELLOW_200_CODE = "yellow-200" SD_SAGE_COLOR_BASE_YELLOW_200_CLASSNAME = "t-sage--color-yellow-200" - SD_SAGE_COLOR_BASE_YELLOW_300_HEX = "#ffc505" + SD_SAGE_COLOR_BASE_YELLOW_300_HEX = "#fdbb21" SD_SAGE_COLOR_BASE_YELLOW_300_CODE = "yellow-300" SD_SAGE_COLOR_BASE_YELLOW_300_CLASSNAME = "t-sage--color-yellow-300" - SD_SAGE_COLOR_BASE_YELLOW_400_HEX = "#c56a02" + SD_SAGE_COLOR_BASE_YELLOW_400_HEX = "#db7303" SD_SAGE_COLOR_BASE_YELLOW_400_CODE = "yellow-400" SD_SAGE_COLOR_BASE_YELLOW_400_CLASSNAME = "t-sage--color-yellow-400" - SD_SAGE_COLOR_BASE_YELLOW_500_HEX = "#8c3b08" + SD_SAGE_COLOR_BASE_YELLOW_500_HEX = "#451902" SD_SAGE_COLOR_BASE_YELLOW_500_CODE = "yellow-500" SD_SAGE_COLOR_BASE_YELLOW_500_CLASSNAME = "t-sage--color-yellow-500" - SD_SAGE_COLOR_BASE_RED_100_HEX = "#fff0f0" + SD_SAGE_COLOR_BASE_RED_100_HEX = "#fee2e1" SD_SAGE_COLOR_BASE_RED_100_CODE = "red-100" SD_SAGE_COLOR_BASE_RED_100_CLASSNAME = "t-sage--color-red-100" - SD_SAGE_COLOR_BASE_RED_200_HEX = "#fdb0aa" + SD_SAGE_COLOR_BASE_RED_200_HEX = "#fda5a5" SD_SAGE_COLOR_BASE_RED_200_CODE = "red-200" SD_SAGE_COLOR_BASE_RED_200_CLASSNAME = "t-sage--color-red-200" - SD_SAGE_COLOR_BASE_RED_300_HEX = "#cf3c32" + SD_SAGE_COLOR_BASE_RED_300_HEX = "#ef4444" SD_SAGE_COLOR_BASE_RED_300_CODE = "red-300" SD_SAGE_COLOR_BASE_RED_300_CLASSNAME = "t-sage--color-red-300" - SD_SAGE_COLOR_BASE_RED_400_HEX = "#99221e" + SD_SAGE_COLOR_BASE_RED_400_HEX = "#991b1b" SD_SAGE_COLOR_BASE_RED_400_CODE = "red-400" SD_SAGE_COLOR_BASE_RED_400_CLASSNAME = "t-sage--color-red-400" - SD_SAGE_COLOR_BASE_RED_500_HEX = "#5e0d0d" + SD_SAGE_COLOR_BASE_RED_500_HEX = "#572627" SD_SAGE_COLOR_BASE_RED_500_CODE = "red-500" SD_SAGE_COLOR_BASE_RED_500_CLASSNAME = "t-sage--color-red-500" - SD_SAGE_COLOR_BASE_ORANGE_100_HEX = "#fef1e1" + SD_SAGE_COLOR_BASE_ORANGE_100_HEX = "#ffe3d4" SD_SAGE_COLOR_BASE_ORANGE_100_CODE = "orange-100" SD_SAGE_COLOR_BASE_ORANGE_100_CLASSNAME = "t-sage--color-orange-100" - SD_SAGE_COLOR_BASE_ORANGE_200_HEX = "#ffb36b" + SD_SAGE_COLOR_BASE_ORANGE_200_HEX = "#ff9970" SD_SAGE_COLOR_BASE_ORANGE_200_CODE = "orange-200" SD_SAGE_COLOR_BASE_ORANGE_200_CLASSNAME = "t-sage--color-orange-200" - SD_SAGE_COLOR_BASE_ORANGE_300_HEX = "#fb7e09" + SD_SAGE_COLOR_BASE_ORANGE_300_HEX = "#ff3e15" SD_SAGE_COLOR_BASE_ORANGE_300_CODE = "orange-300" SD_SAGE_COLOR_BASE_ORANGE_300_CLASSNAME = "t-sage--color-orange-300" - SD_SAGE_COLOR_BASE_ORANGE_400_HEX = "#b3501e" + SD_SAGE_COLOR_BASE_ORANGE_400_HEX = "#9e110e" SD_SAGE_COLOR_BASE_ORANGE_400_CODE = "orange-400" SD_SAGE_COLOR_BASE_ORANGE_400_CLASSNAME = "t-sage--color-orange-400" - SD_SAGE_COLOR_BASE_ORANGE_500_HEX = "#5a260c" + SD_SAGE_COLOR_BASE_ORANGE_500_HEX = "#450506" SD_SAGE_COLOR_BASE_ORANGE_500_CODE = "orange-500" SD_SAGE_COLOR_BASE_ORANGE_500_CLASSNAME = "t-sage--color-orange-500" - SD_SAGE_COLOR_BASE_PURPLE_100_HEX = "#eee4f6" + SD_SAGE_COLOR_BASE_PURPLE_100_HEX = "#e0e4ff" SD_SAGE_COLOR_BASE_PURPLE_100_CODE = "purple-100" SD_SAGE_COLOR_BASE_PURPLE_100_CLASSNAME = "t-sage--color-purple-100" - SD_SAGE_COLOR_BASE_PURPLE_200_HEX = "#d9c2ef" + SD_SAGE_COLOR_BASE_PURPLE_200_HEX = "#a3acfd" SD_SAGE_COLOR_BASE_PURPLE_200_CODE = "purple-200" SD_SAGE_COLOR_BASE_PURPLE_200_CLASSNAME = "t-sage--color-purple-200" - SD_SAGE_COLOR_BASE_PURPLE_300_HEX = "#8e5ad8" + SD_SAGE_COLOR_BASE_PURPLE_300_HEX = "#533be5" SD_SAGE_COLOR_BASE_PURPLE_300_CODE = "purple-300" SD_SAGE_COLOR_BASE_PURPLE_300_CLASSNAME = "t-sage--color-purple-300" - SD_SAGE_COLOR_BASE_PURPLE_400_HEX = "#50348a" + SD_SAGE_COLOR_BASE_PURPLE_400_HEX = "#402Fa4" SD_SAGE_COLOR_BASE_PURPLE_400_CODE = "purple-400" SD_SAGE_COLOR_BASE_PURPLE_400_CLASSNAME = "t-sage--color-purple-400" - SD_SAGE_COLOR_BASE_PURPLE_500_HEX = "#381c5e" + SD_SAGE_COLOR_BASE_PURPLE_500_HEX = "#221b4b" SD_SAGE_COLOR_BASE_PURPLE_500_CODE = "purple-500" SD_SAGE_COLOR_BASE_PURPLE_500_CLASSNAME = "t-sage--color-purple-500" - SD_SAGE_COLOR_BASE_CHARCOAL_100_HEX = "#8d939a" + SD_SAGE_COLOR_BASE_CHARCOAL_100_HEX = "#828180" SD_SAGE_COLOR_BASE_CHARCOAL_100_CODE = "charcoal-100" SD_SAGE_COLOR_BASE_CHARCOAL_100_CLASSNAME = "t-sage--color-charcoal-100" - SD_SAGE_COLOR_BASE_CHARCOAL_200_HEX = "#60666c" + SD_SAGE_COLOR_BASE_CHARCOAL_200_HEX = "#6c6a69" SD_SAGE_COLOR_BASE_CHARCOAL_200_CODE = "charcoal-200" SD_SAGE_COLOR_BASE_CHARCOAL_200_CLASSNAME = "t-sage--color-charcoal-200" - SD_SAGE_COLOR_BASE_CHARCOAL_300_HEX = "#43474b" + SD_SAGE_COLOR_BASE_CHARCOAL_300_HEX = "#4d4d4c" SD_SAGE_COLOR_BASE_CHARCOAL_300_CODE = "charcoal-300" SD_SAGE_COLOR_BASE_CHARCOAL_300_CLASSNAME = "t-sage--color-charcoal-300" - SD_SAGE_COLOR_BASE_CHARCOAL_400_HEX = "#202327" + SD_SAGE_COLOR_BASE_CHARCOAL_400_HEX = "#343332" SD_SAGE_COLOR_BASE_CHARCOAL_400_CODE = "charcoal-400" SD_SAGE_COLOR_BASE_CHARCOAL_400_CLASSNAME = "t-sage--color-charcoal-400" - SD_SAGE_COLOR_BASE_CHARCOAL_500_HEX = "#040506" + SD_SAGE_COLOR_BASE_CHARCOAL_500_HEX = "#1a1a19" SD_SAGE_COLOR_BASE_CHARCOAL_500_CODE = "charcoal-500" SD_SAGE_COLOR_BASE_CHARCOAL_500_CLASSNAME = "t-sage--color-charcoal-500" - SD_SAGE_COLOR_BASE_GREY_100_HEX = "#f9fafa" + SD_SAGE_COLOR_BASE_GREY_100_HEX = "#f8f8f8" SD_SAGE_COLOR_BASE_GREY_100_CODE = "grey-100" SD_SAGE_COLOR_BASE_GREY_100_CLASSNAME = "t-sage--color-grey-100" - SD_SAGE_COLOR_BASE_GREY_200_HEX = "#f6f8f8" + SD_SAGE_COLOR_BASE_GREY_200_HEX = "#f0f0f0" SD_SAGE_COLOR_BASE_GREY_200_CODE = "grey-200" SD_SAGE_COLOR_BASE_GREY_200_CLASSNAME = "t-sage--color-grey-200" - SD_SAGE_COLOR_BASE_GREY_300_HEX = "#eceeef" + SD_SAGE_COLOR_BASE_GREY_300_HEX = "#e4e4e4" SD_SAGE_COLOR_BASE_GREY_300_CODE = "grey-300" SD_SAGE_COLOR_BASE_GREY_300_CLASSNAME = "t-sage--color-grey-300" - SD_SAGE_COLOR_BASE_GREY_400_HEX = "#d3d5d9" + SD_SAGE_COLOR_BASE_GREY_400_HEX = "#d2d1d1" SD_SAGE_COLOR_BASE_GREY_400_CODE = "grey-400" SD_SAGE_COLOR_BASE_GREY_400_CLASSNAME = "t-sage--color-grey-400" - SD_SAGE_COLOR_BASE_GREY_500_HEX = "#b5bac0" + SD_SAGE_COLOR_BASE_GREY_500_HEX = "#9b9a98" SD_SAGE_COLOR_BASE_GREY_500_CODE = "grey-500" SD_SAGE_COLOR_BASE_GREY_500_CLASSNAME = "t-sage--color-grey-500" SD_SAGE_COLOR_BASE_WHITE_100_HEX = "#fff" @@ -455,74 +455,74 @@ module SageDictionary # # Static vars for COLOR COMBOS # - SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_FOREGROUND = "#202327" - SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_FOREGROUND_ACCENT = "#040506" - SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_BACKGROUND = "#eceeef" - SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_BACKGROUND_ACCENT = "#d3d5d9" - SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_ICON_BACKGROUND_ACCENT = "#60666c" - SD_SAGE_COLOR_COMBOS_DRAFT_SUBTLE_FOREGROUND = "#60666c" - SD_SAGE_COLOR_COMBOS_DRAFT_SUBTLE_FOREGROUND_ACCENT = "#8d939a" - SD_SAGE_COLOR_COMBOS_DRAFT_SUBTLE_BACKGROUND = "#8d939a" - SD_SAGE_COLOR_COMBOS_DRAFT_BOLD_FOREGROUND = "#f6f8f8" - SD_SAGE_COLOR_COMBOS_DRAFT_BOLD_BACKGROUND = "#202327" - SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_FOREGROUND = "#225d53" - SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_FOREGROUND_ACCENT = "#183e3b" - SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_BACKGROUND = "#ddf8f0" - SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_BACKGROUND_ACCENT = "#86d5bc" - SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_ICON_BACKGROUND_ACCENT = "#23856d" - SD_SAGE_COLOR_COMBOS_PUBLISHED_SUBTLE_FOREGROUND = "#225d53" - SD_SAGE_COLOR_COMBOS_PUBLISHED_SUBTLE_FOREGROUND_ACCENT = "#23856d" - SD_SAGE_COLOR_COMBOS_PUBLISHED_SUBTLE_BACKGROUND = "#23856d" + SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_FOREGROUND = "#343332" + SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_FOREGROUND_ACCENT = "#1a1a19" + SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_BACKGROUND = "#e4e4e4" + SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_BACKGROUND_ACCENT = "#d2d1d1" + SD_SAGE_COLOR_COMBOS_DRAFT_DEFAULT_ICON_BACKGROUND_ACCENT = "#6c6a69" + SD_SAGE_COLOR_COMBOS_DRAFT_SUBTLE_FOREGROUND = "#6c6a69" + SD_SAGE_COLOR_COMBOS_DRAFT_SUBTLE_FOREGROUND_ACCENT = "#828180" + SD_SAGE_COLOR_COMBOS_DRAFT_SUBTLE_BACKGROUND = "#828180" + SD_SAGE_COLOR_COMBOS_DRAFT_BOLD_FOREGROUND = "#f0f0f0" + SD_SAGE_COLOR_COMBOS_DRAFT_BOLD_BACKGROUND = "#343332" + SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_FOREGROUND = "#085c37" + SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_FOREGROUND_ACCENT = "#052e1c" + SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_BACKGROUND = "#d3f8df" + SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_BACKGROUND_ACCENT = "#73e2a3" + SD_SAGE_COLOR_COMBOS_PUBLISHED_DEFAULT_ICON_BACKGROUND_ACCENT = "#079250" + SD_SAGE_COLOR_COMBOS_PUBLISHED_SUBTLE_FOREGROUND = "#085c37" + SD_SAGE_COLOR_COMBOS_PUBLISHED_SUBTLE_FOREGROUND_ACCENT = "#079250" + SD_SAGE_COLOR_COMBOS_PUBLISHED_SUBTLE_BACKGROUND = "#079250" SD_SAGE_COLOR_COMBOS_PUBLISHED_BOLD_FOREGROUND = "#fff" - SD_SAGE_COLOR_COMBOS_PUBLISHED_BOLD_BACKGROUND = "#23856d" - SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_FOREGROUND = "#054fb8" - SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_FOREGROUND_ACCENT = "#07265f" - SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_BACKGROUND = "#e6f4fe" - SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_BACKGROUND_ACCENT = "#8ecafb" - SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_ICON_BACKGROUND_ACCENT = "#0072ef" - SD_SAGE_COLOR_COMBOS_INFO_SUBTLE_FOREGROUND = "#054fb8" - SD_SAGE_COLOR_COMBOS_INFO_SUBTLE_FOREGROUND_ACCENT = "#0072ef" - SD_SAGE_COLOR_COMBOS_INFO_SUBTLE_BACKGROUND = "#8ecafb" - SD_SAGE_COLOR_COMBOS_INFO_BOLD_FOREGROUND = "#e6f4fe" - SD_SAGE_COLOR_COMBOS_INFO_BOLD_BACKGROUND = "#0072ef" - SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND = "#50348a" - SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND_ACCENT = "#381c5e" - SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND = "#eee4f6" - SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND_ACCENT = "#d9c2ef" - SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_ICON_BACKGROUND_ACCENT = "#8e5ad8" - SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND = "#50348a" - SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND_ACCENT = "#8e5ad8" - SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_BACKGROUND = "#d9c2ef" - SD_SAGE_COLOR_COMBOS_LOCKED_BOLD_FOREGROUND = "#eee4f6" - SD_SAGE_COLOR_COMBOS_LOCKED_BOLD_BACKGROUND = "#8e5ad8" - SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_FOREGROUND = "#c56a02" - SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_FOREGROUND_ACCENT = "#8c3b08" - SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_BACKGROUND = "#fef8e1" - SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_BACKGROUND_ACCENT = "#fad980" - SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_ICON_BACKGROUND_ACCENT = "#c56a02" - SD_SAGE_COLOR_COMBOS_WARNING_SUBTLE_FOREGROUND = "#c56a02" - SD_SAGE_COLOR_COMBOS_WARNING_SUBTLE_FOREGROUND_ACCENT = "#ffc505" - SD_SAGE_COLOR_COMBOS_WARNING_SUBTLE_BACKGROUND = "#ffc505" + SD_SAGE_COLOR_COMBOS_PUBLISHED_BOLD_BACKGROUND = "#079250" + SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_FOREGROUND = "#991b1b" + SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_FOREGROUND_ACCENT = "#572627" + SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_BACKGROUND = "#Fee2e1" + SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_BACKGROUND_ACCENT = "#fda5a5" + SD_SAGE_COLOR_COMBOS_INFO_DEFAULT_ICON_BACKGROUND_ACCENT = "#ef4444" + SD_SAGE_COLOR_COMBOS_INFO_SUBTLE_FOREGROUND = "#991b1b" + SD_SAGE_COLOR_COMBOS_INFO_SUBTLE_FOREGROUND_ACCENT = "#ef4444" + SD_SAGE_COLOR_COMBOS_INFO_SUBTLE_BACKGROUND = "#fda5a5" + SD_SAGE_COLOR_COMBOS_INFO_BOLD_FOREGROUND = "#Fee2e1" + SD_SAGE_COLOR_COMBOS_INFO_BOLD_BACKGROUND = "#ef4444" + SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND = "#402Fa4" + SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND_ACCENT = "#221b4b" + SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND = "#e0e4ff" + SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND_ACCENT = "#a3acfd" + SD_SAGE_COLOR_COMBOS_LOCKED_DEFAULT_ICON_BACKGROUND_ACCENT = "#533be5" + SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND = "#402Fa4" + SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND_ACCENT = "#533be5" + SD_SAGE_COLOR_COMBOS_LOCKED_SUBTLE_BACKGROUND = "#a3acfd" + SD_SAGE_COLOR_COMBOS_LOCKED_BOLD_FOREGROUND = "#e0e4ff" + SD_SAGE_COLOR_COMBOS_LOCKED_BOLD_BACKGROUND = "#533be5" + SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_FOREGROUND = "#db7303" + SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_FOREGROUND_ACCENT = "#451902" + SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_BACKGROUND = "#fff3c6" + SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_BACKGROUND_ACCENT = "#fed04b" + SD_SAGE_COLOR_COMBOS_WARNING_DEFAULT_ICON_BACKGROUND_ACCENT = "#db7303" + SD_SAGE_COLOR_COMBOS_WARNING_SUBTLE_FOREGROUND = "#db7303" + SD_SAGE_COLOR_COMBOS_WARNING_SUBTLE_FOREGROUND_ACCENT = "#fdbb21" + SD_SAGE_COLOR_COMBOS_WARNING_SUBTLE_BACKGROUND = "#fdbb21" SD_SAGE_COLOR_COMBOS_WARNING_BOLD_FOREGROUND = "#fff" - SD_SAGE_COLOR_COMBOS_WARNING_BOLD_BACKGROUND = "#ffc505" - SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_FOREGROUND = "#99221e" - SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_FOREGROUND_ACCENT = "#5e0d0d" - SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_BACKGROUND = "#fff0f0" - SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_BACKGROUND_ACCENT = "#fdb0aa" - SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_ICON_BACKGROUND_ACCENT = "#cf3c32" - SD_SAGE_COLOR_COMBOS_DANGER_SUBTLE_FOREGROUND = "#99221e" - SD_SAGE_COLOR_COMBOS_DANGER_SUBTLE_FOREGROUND_ACCENT = "#fdb0aa" - SD_SAGE_COLOR_COMBOS_DANGER_SUBTLE_BACKGROUND = "#fdb0aa" - SD_SAGE_COLOR_COMBOS_DANGER_BOLD_FOREGROUND = "#fff0f0" - SD_SAGE_COLOR_COMBOS_DANGER_BOLD_BACKGROUND = "#fdb0aa" + SD_SAGE_COLOR_COMBOS_WARNING_BOLD_BACKGROUND = "#fdbb21" + SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_FOREGROUND = "#991b1b" + SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_FOREGROUND_ACCENT = "#572627" + SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_BACKGROUND = "#fee2e1" + SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_BACKGROUND_ACCENT = "#fda5a5" + SD_SAGE_COLOR_COMBOS_DANGER_DEFAULT_ICON_BACKGROUND_ACCENT = "#ef4444" + SD_SAGE_COLOR_COMBOS_DANGER_SUBTLE_FOREGROUND = "#991b1b" + SD_SAGE_COLOR_COMBOS_DANGER_SUBTLE_FOREGROUND_ACCENT = "#fda5a5" + SD_SAGE_COLOR_COMBOS_DANGER_SUBTLE_BACKGROUND = "#fda5a5" + SD_SAGE_COLOR_COMBOS_DANGER_BOLD_FOREGROUND = "#fee2e1" + SD_SAGE_COLOR_COMBOS_DANGER_BOLD_BACKGROUND = "#fda5a5" SD_SAGE_COLOR_COMBOS_PRIMARY_DEFAULT_FOREGROUND = "#fff" SD_SAGE_COLOR_COMBOS_PRIMARY_DEFAULT_FOREGROUND_ACCENT = "#fff" - SD_SAGE_COLOR_COMBOS_PRIMARY_DEFAULT_BACKGROUND = "#8ecafb" + SD_SAGE_COLOR_COMBOS_PRIMARY_DEFAULT_BACKGROUND = "#fda5a5" SD_SAGE_COLOR_COMBOS_PRIMARY_SUBTLE_FOREGROUND = "#fff" SD_SAGE_COLOR_COMBOS_PRIMARY_SUBTLE_FOREGROUND_ACCENT = "#fff" - SD_SAGE_COLOR_COMBOS_PRIMARY_SUBTLE_BACKGROUND = "#8ecafb" + SD_SAGE_COLOR_COMBOS_PRIMARY_SUBTLE_BACKGROUND = "#fda5a5" SD_SAGE_COLOR_COMBOS_PRIMARY_BOLD_FOREGROUND = "#fff" - SD_SAGE_COLOR_COMBOS_PRIMARY_BOLD_BACKGROUND = "#8ecafb" + SD_SAGE_COLOR_COMBOS_PRIMARY_BOLD_BACKGROUND = "#fda5a5" # # Map for COLOR COMBOS @@ -661,14 +661,14 @@ module SageDictionary # # Static vars for COLOR CORE # - SD_SAGE_COLOR_CORE_PRIMARY = "#0072ef" - SD_SAGE_COLOR_CORE_SAGE = "#23856d" - SD_SAGE_COLOR_CORE_YELLOW = "#ffc505" - SD_SAGE_COLOR_CORE_RED = "#cf3c32" - SD_SAGE_COLOR_CORE_ORANGE = "#fb7e09" - SD_SAGE_COLOR_CORE_PURPLE = "#8e5ad8" - SD_SAGE_COLOR_CORE_CHARCOAL = "#43474b" - SD_SAGE_COLOR_CORE_GREY = "#8d939a" + SD_SAGE_COLOR_CORE_PRIMARY = "#ef4444" + SD_SAGE_COLOR_CORE_SAGE = "#079250" + SD_SAGE_COLOR_CORE_YELLOW = "#fdbb21" + SD_SAGE_COLOR_CORE_RED = "#ef4444" + SD_SAGE_COLOR_CORE_ORANGE = "#ff3e15" + SD_SAGE_COLOR_CORE_PURPLE = "#533be5" + SD_SAGE_COLOR_CORE_CHARCOAL = "#4d4d4c" + SD_SAGE_COLOR_CORE_GREY = "#828180" SD_SAGE_COLOR_CORE_WHITE = "#fff" SD_SAGE_COLOR_CORE_BLACK = "#000" diff --git a/packages/sage-assets/lib/stylesheets/dictionary/_tokens.scss b/packages/sage-assets/lib/stylesheets/dictionary/_tokens.scss index f630d3c5c8..8baf1468be 100644 --- a/packages/sage-assets/lib/stylesheets/dictionary/_tokens.scss +++ b/packages/sage-assets/lib/stylesheets/dictionary/_tokens.scss @@ -24,7 +24,7 @@ /// /// color color-base-primary-100-hex /// -$sd-sage-color-base-primary-100-hex: #e6f4fe; +$sd-sage-color-base-primary-100-hex: #Fee2e1; /// /// color color-base-primary-100-code /// @@ -36,7 +36,7 @@ $sd-sage-color-base-primary-100-classname: "t-sage--color-primary-100"; /// /// color color-base-primary-200-hex /// -$sd-sage-color-base-primary-200-hex: #8ecafb; +$sd-sage-color-base-primary-200-hex: #fda5a5; /// /// color color-base-primary-200-code /// @@ -48,7 +48,7 @@ $sd-sage-color-base-primary-200-classname: "t-sage--color-primary-200"; /// /// color color-base-primary-300-hex /// -$sd-sage-color-base-primary-300-hex: #0072ef; +$sd-sage-color-base-primary-300-hex: #ef4444; /// /// color color-base-primary-300-code /// @@ -60,7 +60,7 @@ $sd-sage-color-base-primary-300-classname: "t-sage--color-primary-300"; /// /// color color-base-primary-400-hex /// -$sd-sage-color-base-primary-400-hex: #054fb8; +$sd-sage-color-base-primary-400-hex: #991b1b; /// /// color color-base-primary-400-code /// @@ -72,7 +72,7 @@ $sd-sage-color-base-primary-400-classname: "t-sage--color-primary-400"; /// /// color color-base-primary-500-hex /// -$sd-sage-color-base-primary-500-hex: #07265f; +$sd-sage-color-base-primary-500-hex: #572627; /// /// color color-base-primary-500-code /// @@ -84,7 +84,7 @@ $sd-sage-color-base-primary-500-classname: "t-sage--color-primary-500"; /// /// color color-base-sage-100-hex /// -$sd-sage-color-base-sage-100-hex: #ddf8f0; +$sd-sage-color-base-sage-100-hex: #d3f8df; /// /// color color-base-sage-100-code /// @@ -96,7 +96,7 @@ $sd-sage-color-base-sage-100-classname: "t-sage--color-sage-100"; /// /// color color-base-sage-200-hex /// -$sd-sage-color-base-sage-200-hex: #86d5bc; +$sd-sage-color-base-sage-200-hex: #73e2a3; /// /// color color-base-sage-200-code /// @@ -108,7 +108,7 @@ $sd-sage-color-base-sage-200-classname: "t-sage--color-sage-200"; /// /// color color-base-sage-300-hex /// -$sd-sage-color-base-sage-300-hex: #23856d; +$sd-sage-color-base-sage-300-hex: #079250; /// /// color color-base-sage-300-code /// @@ -120,7 +120,7 @@ $sd-sage-color-base-sage-300-classname: "t-sage--color-sage-300"; /// /// color color-base-sage-400-hex /// -$sd-sage-color-base-sage-400-hex: #225d53; +$sd-sage-color-base-sage-400-hex: #085c37; /// /// color color-base-sage-400-code /// @@ -132,7 +132,7 @@ $sd-sage-color-base-sage-400-classname: "t-sage--color-sage-400"; /// /// color color-base-sage-500-hex /// -$sd-sage-color-base-sage-500-hex: #183e3b; +$sd-sage-color-base-sage-500-hex: #052e1c; /// /// color color-base-sage-500-code /// @@ -144,7 +144,7 @@ $sd-sage-color-base-sage-500-classname: "t-sage--color-sage-500"; /// /// color color-base-yellow-100-hex /// -$sd-sage-color-base-yellow-100-hex: #fef8e1; +$sd-sage-color-base-yellow-100-hex: #fff3c6; /// /// color color-base-yellow-100-code /// @@ -156,7 +156,7 @@ $sd-sage-color-base-yellow-100-classname: "t-sage--color-yellow-100"; /// /// color color-base-yellow-200-hex /// -$sd-sage-color-base-yellow-200-hex: #fad980; +$sd-sage-color-base-yellow-200-hex: #fed04b; /// /// color color-base-yellow-200-code /// @@ -168,7 +168,7 @@ $sd-sage-color-base-yellow-200-classname: "t-sage--color-yellow-200"; /// /// color color-base-yellow-300-hex /// -$sd-sage-color-base-yellow-300-hex: #ffc505; +$sd-sage-color-base-yellow-300-hex: #fdbb21; /// /// color color-base-yellow-300-code /// @@ -180,7 +180,7 @@ $sd-sage-color-base-yellow-300-classname: "t-sage--color-yellow-300"; /// /// color color-base-yellow-400-hex /// -$sd-sage-color-base-yellow-400-hex: #c56a02; +$sd-sage-color-base-yellow-400-hex: #db7303; /// /// color color-base-yellow-400-code /// @@ -192,7 +192,7 @@ $sd-sage-color-base-yellow-400-classname: "t-sage--color-yellow-400"; /// /// color color-base-yellow-500-hex /// -$sd-sage-color-base-yellow-500-hex: #8c3b08; +$sd-sage-color-base-yellow-500-hex: #451902; /// /// color color-base-yellow-500-code /// @@ -204,7 +204,7 @@ $sd-sage-color-base-yellow-500-classname: "t-sage--color-yellow-500"; /// /// color color-base-red-100-hex /// -$sd-sage-color-base-red-100-hex: #fff0f0; +$sd-sage-color-base-red-100-hex: #fee2e1; /// /// color color-base-red-100-code /// @@ -216,7 +216,7 @@ $sd-sage-color-base-red-100-classname: "t-sage--color-red-100"; /// /// color color-base-red-200-hex /// -$sd-sage-color-base-red-200-hex: #fdb0aa; +$sd-sage-color-base-red-200-hex: #fda5a5; /// /// color color-base-red-200-code /// @@ -228,7 +228,7 @@ $sd-sage-color-base-red-200-classname: "t-sage--color-red-200"; /// /// color color-base-red-300-hex /// -$sd-sage-color-base-red-300-hex: #cf3c32; +$sd-sage-color-base-red-300-hex: #ef4444; /// /// color color-base-red-300-code /// @@ -240,7 +240,7 @@ $sd-sage-color-base-red-300-classname: "t-sage--color-red-300"; /// /// color color-base-red-400-hex /// -$sd-sage-color-base-red-400-hex: #99221e; +$sd-sage-color-base-red-400-hex: #991b1b; /// /// color color-base-red-400-code /// @@ -252,7 +252,7 @@ $sd-sage-color-base-red-400-classname: "t-sage--color-red-400"; /// /// color color-base-red-500-hex /// -$sd-sage-color-base-red-500-hex: #5e0d0d; +$sd-sage-color-base-red-500-hex: #572627; /// /// color color-base-red-500-code /// @@ -264,7 +264,7 @@ $sd-sage-color-base-red-500-classname: "t-sage--color-red-500"; /// /// color color-base-orange-100-hex /// -$sd-sage-color-base-orange-100-hex: #fef1e1; +$sd-sage-color-base-orange-100-hex: #ffe3d4; /// /// color color-base-orange-100-code /// @@ -276,7 +276,7 @@ $sd-sage-color-base-orange-100-classname: "t-sage--color-orange-100"; /// /// color color-base-orange-200-hex /// -$sd-sage-color-base-orange-200-hex: #ffb36b; +$sd-sage-color-base-orange-200-hex: #ff9970; /// /// color color-base-orange-200-code /// @@ -288,7 +288,7 @@ $sd-sage-color-base-orange-200-classname: "t-sage--color-orange-200"; /// /// color color-base-orange-300-hex /// -$sd-sage-color-base-orange-300-hex: #fb7e09; +$sd-sage-color-base-orange-300-hex: #ff3e15; /// /// color color-base-orange-300-code /// @@ -300,7 +300,7 @@ $sd-sage-color-base-orange-300-classname: "t-sage--color-orange-300"; /// /// color color-base-orange-400-hex /// -$sd-sage-color-base-orange-400-hex: #b3501e; +$sd-sage-color-base-orange-400-hex: #9e110e; /// /// color color-base-orange-400-code /// @@ -312,7 +312,7 @@ $sd-sage-color-base-orange-400-classname: "t-sage--color-orange-400"; /// /// color color-base-orange-500-hex /// -$sd-sage-color-base-orange-500-hex: #5a260c; +$sd-sage-color-base-orange-500-hex: #450506; /// /// color color-base-orange-500-code /// @@ -324,7 +324,7 @@ $sd-sage-color-base-orange-500-classname: "t-sage--color-orange-500"; /// /// color color-base-purple-100-hex /// -$sd-sage-color-base-purple-100-hex: #eee4f6; +$sd-sage-color-base-purple-100-hex: #e0e4ff; /// /// color color-base-purple-100-code /// @@ -336,7 +336,7 @@ $sd-sage-color-base-purple-100-classname: "t-sage--color-purple-100"; /// /// color color-base-purple-200-hex /// -$sd-sage-color-base-purple-200-hex: #d9c2ef; +$sd-sage-color-base-purple-200-hex: #a3acfd; /// /// color color-base-purple-200-code /// @@ -348,7 +348,7 @@ $sd-sage-color-base-purple-200-classname: "t-sage--color-purple-200"; /// /// color color-base-purple-300-hex /// -$sd-sage-color-base-purple-300-hex: #8e5ad8; +$sd-sage-color-base-purple-300-hex: #533be5; /// /// color color-base-purple-300-code /// @@ -360,7 +360,7 @@ $sd-sage-color-base-purple-300-classname: "t-sage--color-purple-300"; /// /// color color-base-purple-400-hex /// -$sd-sage-color-base-purple-400-hex: #50348a; +$sd-sage-color-base-purple-400-hex: #402Fa4; /// /// color color-base-purple-400-code /// @@ -372,7 +372,7 @@ $sd-sage-color-base-purple-400-classname: "t-sage--color-purple-400"; /// /// color color-base-purple-500-hex /// -$sd-sage-color-base-purple-500-hex: #381c5e; +$sd-sage-color-base-purple-500-hex: #221b4b; /// /// color color-base-purple-500-code /// @@ -384,7 +384,7 @@ $sd-sage-color-base-purple-500-classname: "t-sage--color-purple-500"; /// /// color color-base-charcoal-100-hex /// -$sd-sage-color-base-charcoal-100-hex: #8d939a; +$sd-sage-color-base-charcoal-100-hex: #828180; /// /// color color-base-charcoal-100-code /// @@ -396,7 +396,7 @@ $sd-sage-color-base-charcoal-100-classname: "t-sage--color-charcoal-100"; /// /// color color-base-charcoal-200-hex /// -$sd-sage-color-base-charcoal-200-hex: #60666c; +$sd-sage-color-base-charcoal-200-hex: #6c6a69; /// /// color color-base-charcoal-200-code /// @@ -408,7 +408,7 @@ $sd-sage-color-base-charcoal-200-classname: "t-sage--color-charcoal-200"; /// /// color color-base-charcoal-300-hex /// -$sd-sage-color-base-charcoal-300-hex: #43474b; +$sd-sage-color-base-charcoal-300-hex: #4d4d4c; /// /// color color-base-charcoal-300-code /// @@ -420,7 +420,7 @@ $sd-sage-color-base-charcoal-300-classname: "t-sage--color-charcoal-300"; /// /// color color-base-charcoal-400-hex /// -$sd-sage-color-base-charcoal-400-hex: #202327; +$sd-sage-color-base-charcoal-400-hex: #343332; /// /// color color-base-charcoal-400-code /// @@ -432,7 +432,7 @@ $sd-sage-color-base-charcoal-400-classname: "t-sage--color-charcoal-400"; /// /// color color-base-charcoal-500-hex /// -$sd-sage-color-base-charcoal-500-hex: #040506; +$sd-sage-color-base-charcoal-500-hex: #1a1a19; /// /// color color-base-charcoal-500-code /// @@ -444,7 +444,7 @@ $sd-sage-color-base-charcoal-500-classname: "t-sage--color-charcoal-500"; /// /// color color-base-grey-100-hex /// -$sd-sage-color-base-grey-100-hex: #f9fafa; +$sd-sage-color-base-grey-100-hex: #f8f8f8; /// /// color color-base-grey-100-code /// @@ -456,7 +456,7 @@ $sd-sage-color-base-grey-100-classname: "t-sage--color-grey-100"; /// /// color color-base-grey-200-hex /// -$sd-sage-color-base-grey-200-hex: #f6f8f8; +$sd-sage-color-base-grey-200-hex: #f0f0f0; /// /// color color-base-grey-200-code /// @@ -468,7 +468,7 @@ $sd-sage-color-base-grey-200-classname: "t-sage--color-grey-200"; /// /// color color-base-grey-300-hex /// -$sd-sage-color-base-grey-300-hex: #eceeef; +$sd-sage-color-base-grey-300-hex: #e4e4e4; /// /// color color-base-grey-300-code /// @@ -480,7 +480,7 @@ $sd-sage-color-base-grey-300-classname: "t-sage--color-grey-300"; /// /// color color-base-grey-400-hex /// -$sd-sage-color-base-grey-400-hex: #d3d5d9; +$sd-sage-color-base-grey-400-hex: #d2d1d1; /// /// color color-base-grey-400-code /// @@ -492,7 +492,7 @@ $sd-sage-color-base-grey-400-classname: "t-sage--color-grey-400"; /// /// color color-base-grey-500-hex /// -$sd-sage-color-base-grey-500-hex: #b5bac0; +$sd-sage-color-base-grey-500-hex: #9b9a98; /// /// color color-base-grey-500-code /// @@ -926,75 +926,75 @@ $sd-sage-color: ( /// /// color combos color-combos-draft-default-foreground /// -$sd-sage-color-combos-draft-default-foreground: #202327; +$sd-sage-color-combos-draft-default-foreground: #343332; /// /// color combos color-combos-draft-default-foreground-accent /// -$sd-sage-color-combos-draft-default-foreground-accent: #040506; +$sd-sage-color-combos-draft-default-foreground-accent: #1a1a19; /// /// color combos color-combos-draft-default-background /// -$sd-sage-color-combos-draft-default-background: #eceeef; +$sd-sage-color-combos-draft-default-background: #e4e4e4; /// /// color combos color-combos-draft-default-background-accent /// -$sd-sage-color-combos-draft-default-background-accent: #d3d5d9; +$sd-sage-color-combos-draft-default-background-accent: #d2d1d1; /// /// color combos color-combos-draft-default-icon-background-accent /// -$sd-sage-color-combos-draft-default-icon-background-accent: #60666c; +$sd-sage-color-combos-draft-default-icon-background-accent: #6c6a69; /// /// color combos color-combos-draft-subtle-foreground /// -$sd-sage-color-combos-draft-subtle-foreground: #60666c; +$sd-sage-color-combos-draft-subtle-foreground: #6c6a69; /// /// color combos color-combos-draft-subtle-foreground-accent /// -$sd-sage-color-combos-draft-subtle-foreground-accent: #8d939a; +$sd-sage-color-combos-draft-subtle-foreground-accent: #828180; /// /// color combos color-combos-draft-subtle-background /// -$sd-sage-color-combos-draft-subtle-background: #8d939a; +$sd-sage-color-combos-draft-subtle-background: #828180; /// /// color combos color-combos-draft-bold-foreground /// -$sd-sage-color-combos-draft-bold-foreground: #f6f8f8; +$sd-sage-color-combos-draft-bold-foreground: #f0f0f0; /// /// color combos color-combos-draft-bold-background /// -$sd-sage-color-combos-draft-bold-background: #202327; +$sd-sage-color-combos-draft-bold-background: #343332; /// /// color combos color-combos-published-default-foreground /// -$sd-sage-color-combos-published-default-foreground: #225d53; +$sd-sage-color-combos-published-default-foreground: #085c37; /// /// color combos color-combos-published-default-foreground-accent /// -$sd-sage-color-combos-published-default-foreground-accent: #183e3b; +$sd-sage-color-combos-published-default-foreground-accent: #052e1c; /// /// color combos color-combos-published-default-background /// -$sd-sage-color-combos-published-default-background: #ddf8f0; +$sd-sage-color-combos-published-default-background: #d3f8df; /// /// color combos color-combos-published-default-background-accent /// -$sd-sage-color-combos-published-default-background-accent: #86d5bc; +$sd-sage-color-combos-published-default-background-accent: #73e2a3; /// /// color combos color-combos-published-default-icon-background-accent /// -$sd-sage-color-combos-published-default-icon-background-accent: #23856d; +$sd-sage-color-combos-published-default-icon-background-accent: #079250; /// /// color combos color-combos-published-subtle-foreground /// -$sd-sage-color-combos-published-subtle-foreground: #225d53; +$sd-sage-color-combos-published-subtle-foreground: #085c37; /// /// color combos color-combos-published-subtle-foreground-accent /// -$sd-sage-color-combos-published-subtle-foreground-accent: #23856d; +$sd-sage-color-combos-published-subtle-foreground-accent: #079250; /// /// color combos color-combos-published-subtle-background /// -$sd-sage-color-combos-published-subtle-background: #23856d; +$sd-sage-color-combos-published-subtle-background: #079250; /// /// color combos color-combos-published-bold-foreground /// @@ -1002,119 +1002,119 @@ $sd-sage-color-combos-published-bold-foreground: #fff; /// /// color combos color-combos-published-bold-background /// -$sd-sage-color-combos-published-bold-background: #23856d; +$sd-sage-color-combos-published-bold-background: #079250; /// /// color combos color-combos-info-default-foreground /// -$sd-sage-color-combos-info-default-foreground: #054fb8; +$sd-sage-color-combos-info-default-foreground: #991b1b; /// /// color combos color-combos-info-default-foreground-accent /// -$sd-sage-color-combos-info-default-foreground-accent: #07265f; +$sd-sage-color-combos-info-default-foreground-accent: #572627; /// /// color combos color-combos-info-default-background /// -$sd-sage-color-combos-info-default-background: #e6f4fe; +$sd-sage-color-combos-info-default-background: #Fee2e1; /// /// color combos color-combos-info-default-background-accent /// -$sd-sage-color-combos-info-default-background-accent: #8ecafb; +$sd-sage-color-combos-info-default-background-accent: #fda5a5; /// /// color combos color-combos-info-default-icon-background-accent /// -$sd-sage-color-combos-info-default-icon-background-accent: #0072ef; +$sd-sage-color-combos-info-default-icon-background-accent: #ef4444; /// /// color combos color-combos-info-subtle-foreground /// -$sd-sage-color-combos-info-subtle-foreground: #054fb8; +$sd-sage-color-combos-info-subtle-foreground: #991b1b; /// /// color combos color-combos-info-subtle-foreground-accent /// -$sd-sage-color-combos-info-subtle-foreground-accent: #0072ef; +$sd-sage-color-combos-info-subtle-foreground-accent: #ef4444; /// /// color combos color-combos-info-subtle-background /// -$sd-sage-color-combos-info-subtle-background: #8ecafb; +$sd-sage-color-combos-info-subtle-background: #fda5a5; /// /// color combos color-combos-info-bold-foreground /// -$sd-sage-color-combos-info-bold-foreground: #e6f4fe; +$sd-sage-color-combos-info-bold-foreground: #Fee2e1; /// /// color combos color-combos-info-bold-background /// -$sd-sage-color-combos-info-bold-background: #0072ef; +$sd-sage-color-combos-info-bold-background: #ef4444; /// /// color combos color-combos-locked-default-foreground /// -$sd-sage-color-combos-locked-default-foreground: #50348a; +$sd-sage-color-combos-locked-default-foreground: #402Fa4; /// /// color combos color-combos-locked-default-foreground-accent /// -$sd-sage-color-combos-locked-default-foreground-accent: #381c5e; +$sd-sage-color-combos-locked-default-foreground-accent: #221b4b; /// /// color combos color-combos-locked-default-background /// -$sd-sage-color-combos-locked-default-background: #eee4f6; +$sd-sage-color-combos-locked-default-background: #e0e4ff; /// /// color combos color-combos-locked-default-background-accent /// -$sd-sage-color-combos-locked-default-background-accent: #d9c2ef; +$sd-sage-color-combos-locked-default-background-accent: #a3acfd; /// /// color combos color-combos-locked-default-icon-background-accent /// -$sd-sage-color-combos-locked-default-icon-background-accent: #8e5ad8; +$sd-sage-color-combos-locked-default-icon-background-accent: #533be5; /// /// color combos color-combos-locked-subtle-foreground /// -$sd-sage-color-combos-locked-subtle-foreground: #50348a; +$sd-sage-color-combos-locked-subtle-foreground: #402Fa4; /// /// color combos color-combos-locked-subtle-foreground-accent /// -$sd-sage-color-combos-locked-subtle-foreground-accent: #8e5ad8; +$sd-sage-color-combos-locked-subtle-foreground-accent: #533be5; /// /// color combos color-combos-locked-subtle-background /// -$sd-sage-color-combos-locked-subtle-background: #d9c2ef; +$sd-sage-color-combos-locked-subtle-background: #a3acfd; /// /// color combos color-combos-locked-bold-foreground /// -$sd-sage-color-combos-locked-bold-foreground: #eee4f6; +$sd-sage-color-combos-locked-bold-foreground: #e0e4ff; /// /// color combos color-combos-locked-bold-background /// -$sd-sage-color-combos-locked-bold-background: #8e5ad8; +$sd-sage-color-combos-locked-bold-background: #533be5; /// /// color combos color-combos-warning-default-foreground /// -$sd-sage-color-combos-warning-default-foreground: #c56a02; +$sd-sage-color-combos-warning-default-foreground: #db7303; /// /// color combos color-combos-warning-default-foreground-accent /// -$sd-sage-color-combos-warning-default-foreground-accent: #8c3b08; +$sd-sage-color-combos-warning-default-foreground-accent: #451902; /// /// color combos color-combos-warning-default-background /// -$sd-sage-color-combos-warning-default-background: #fef8e1; +$sd-sage-color-combos-warning-default-background: #fff3c6; /// /// color combos color-combos-warning-default-background-accent /// -$sd-sage-color-combos-warning-default-background-accent: #fad980; +$sd-sage-color-combos-warning-default-background-accent: #fed04b; /// /// color combos color-combos-warning-default-icon-background-accent /// -$sd-sage-color-combos-warning-default-icon-background-accent: #c56a02; +$sd-sage-color-combos-warning-default-icon-background-accent: #db7303; /// /// color combos color-combos-warning-subtle-foreground /// -$sd-sage-color-combos-warning-subtle-foreground: #c56a02; +$sd-sage-color-combos-warning-subtle-foreground: #db7303; /// /// color combos color-combos-warning-subtle-foreground-accent /// -$sd-sage-color-combos-warning-subtle-foreground-accent: #ffc505; +$sd-sage-color-combos-warning-subtle-foreground-accent: #fdbb21; /// /// color combos color-combos-warning-subtle-background /// -$sd-sage-color-combos-warning-subtle-background: #ffc505; +$sd-sage-color-combos-warning-subtle-background: #fdbb21; /// /// color combos color-combos-warning-bold-foreground /// @@ -1122,47 +1122,47 @@ $sd-sage-color-combos-warning-bold-foreground: #fff; /// /// color combos color-combos-warning-bold-background /// -$sd-sage-color-combos-warning-bold-background: #ffc505; +$sd-sage-color-combos-warning-bold-background: #fdbb21; /// /// color combos color-combos-danger-default-foreground /// -$sd-sage-color-combos-danger-default-foreground: #99221e; +$sd-sage-color-combos-danger-default-foreground: #991b1b; /// /// color combos color-combos-danger-default-foreground-accent /// -$sd-sage-color-combos-danger-default-foreground-accent: #5e0d0d; +$sd-sage-color-combos-danger-default-foreground-accent: #572627; /// /// color combos color-combos-danger-default-background /// -$sd-sage-color-combos-danger-default-background: #fff0f0; +$sd-sage-color-combos-danger-default-background: #fee2e1; /// /// color combos color-combos-danger-default-background-accent /// -$sd-sage-color-combos-danger-default-background-accent: #fdb0aa; +$sd-sage-color-combos-danger-default-background-accent: #fda5a5; /// /// color combos color-combos-danger-default-icon-background-accent /// -$sd-sage-color-combos-danger-default-icon-background-accent: #cf3c32; +$sd-sage-color-combos-danger-default-icon-background-accent: #ef4444; /// /// color combos color-combos-danger-subtle-foreground /// -$sd-sage-color-combos-danger-subtle-foreground: #99221e; +$sd-sage-color-combos-danger-subtle-foreground: #991b1b; /// /// color combos color-combos-danger-subtle-foreground-accent /// -$sd-sage-color-combos-danger-subtle-foreground-accent: #fdb0aa; +$sd-sage-color-combos-danger-subtle-foreground-accent: #fda5a5; /// /// color combos color-combos-danger-subtle-background /// -$sd-sage-color-combos-danger-subtle-background: #fdb0aa; +$sd-sage-color-combos-danger-subtle-background: #fda5a5; /// /// color combos color-combos-danger-bold-foreground /// -$sd-sage-color-combos-danger-bold-foreground: #fff0f0; +$sd-sage-color-combos-danger-bold-foreground: #fee2e1; /// /// color combos color-combos-danger-bold-background /// -$sd-sage-color-combos-danger-bold-background: #fdb0aa; +$sd-sage-color-combos-danger-bold-background: #fda5a5; /// /// color combos color-combos-primary-default-foreground /// @@ -1174,7 +1174,7 @@ $sd-sage-color-combos-primary-default-foreground-accent: #fff; /// /// color combos color-combos-primary-default-background /// -$sd-sage-color-combos-primary-default-background: #8ecafb; +$sd-sage-color-combos-primary-default-background: #fda5a5; /// /// color combos color-combos-primary-subtle-foreground /// @@ -1186,7 +1186,7 @@ $sd-sage-color-combos-primary-subtle-foreground-accent: #fff; /// /// color combos color-combos-primary-subtle-background /// -$sd-sage-color-combos-primary-subtle-background: #8ecafb; +$sd-sage-color-combos-primary-subtle-background: #fda5a5; /// /// color combos color-combos-primary-bold-foreground /// @@ -1194,7 +1194,7 @@ $sd-sage-color-combos-primary-bold-foreground: #fff; /// /// color combos color-combos-primary-bold-background /// -$sd-sage-color-combos-primary-bold-background: #8ecafb; +$sd-sage-color-combos-primary-bold-background: #fda5a5; /// /// Map for color combos @@ -1354,35 +1354,35 @@ $sd-sage-color-combos: ( /// /// color core color-core-primary /// -$sd-sage-color-core-primary: #0072ef; +$sd-sage-color-core-primary: #ef4444; /// /// color core color-core-sage /// -$sd-sage-color-core-sage: #23856d; +$sd-sage-color-core-sage: #079250; /// /// color core color-core-yellow /// -$sd-sage-color-core-yellow: #ffc505; +$sd-sage-color-core-yellow: #fdbb21; /// /// color core color-core-red /// -$sd-sage-color-core-red: #cf3c32; +$sd-sage-color-core-red: #ef4444; /// /// color core color-core-orange /// -$sd-sage-color-core-orange: #fb7e09; +$sd-sage-color-core-orange: #ff3e15; /// /// color core color-core-purple /// -$sd-sage-color-core-purple: #8e5ad8; +$sd-sage-color-core-purple: #533be5; /// /// color core color-core-charcoal /// -$sd-sage-color-core-charcoal: #43474b; +$sd-sage-color-core-charcoal: #4d4d4c; /// /// color core color-core-grey /// -$sd-sage-color-core-grey: #8d939a; +$sd-sage-color-core-grey: #828180; /// /// color core color-core-white /// diff --git a/packages/sage-react/lib/configs/dictionary/tokens.js b/packages/sage-react/lib/configs/dictionary/tokens.js index e99148786c..ee347c3e0d 100644 --- a/packages/sage-react/lib/configs/dictionary/tokens.js +++ b/packages/sage-react/lib/configs/dictionary/tokens.js @@ -19,124 +19,124 @@ // // Static vars for COLOR BASE // -export const COLOR_BASE_PRIMARY_100_HEX = '#e6f4fe'; +export const COLOR_BASE_PRIMARY_100_HEX = '#Fee2e1'; export const COLOR_BASE_PRIMARY_100_CODE = 'primary-100'; export const COLOR_BASE_PRIMARY_100_CLASSNAME = 't-sage--color-primary-100'; -export const COLOR_BASE_PRIMARY_200_HEX = '#8ecafb'; +export const COLOR_BASE_PRIMARY_200_HEX = '#fda5a5'; export const COLOR_BASE_PRIMARY_200_CODE = 'primary-200'; export const COLOR_BASE_PRIMARY_200_CLASSNAME = 't-sage--color-primary-200'; -export const COLOR_BASE_PRIMARY_300_HEX = '#0072ef'; +export const COLOR_BASE_PRIMARY_300_HEX = '#ef4444'; export const COLOR_BASE_PRIMARY_300_CODE = 'primary-300'; export const COLOR_BASE_PRIMARY_300_CLASSNAME = 't-sage--color-primary-300'; -export const COLOR_BASE_PRIMARY_400_HEX = '#054fb8'; +export const COLOR_BASE_PRIMARY_400_HEX = '#991b1b'; export const COLOR_BASE_PRIMARY_400_CODE = 'primary-400'; export const COLOR_BASE_PRIMARY_400_CLASSNAME = 't-sage--color-primary-400'; -export const COLOR_BASE_PRIMARY_500_HEX = '#07265f'; +export const COLOR_BASE_PRIMARY_500_HEX = '#572627'; export const COLOR_BASE_PRIMARY_500_CODE = 'primary-500'; export const COLOR_BASE_PRIMARY_500_CLASSNAME = 't-sage--color-primary-500'; -export const COLOR_BASE_SAGE_100_HEX = '#ddf8f0'; +export const COLOR_BASE_SAGE_100_HEX = '#d3f8df'; export const COLOR_BASE_SAGE_100_CODE = 'sage-100'; export const COLOR_BASE_SAGE_100_CLASSNAME = 't-sage--color-sage-100'; -export const COLOR_BASE_SAGE_200_HEX = '#86d5bc'; +export const COLOR_BASE_SAGE_200_HEX = '#73e2a3'; export const COLOR_BASE_SAGE_200_CODE = 'sage-200'; export const COLOR_BASE_SAGE_200_CLASSNAME = 't-sage--color-sage-200'; -export const COLOR_BASE_SAGE_300_HEX = '#23856d'; +export const COLOR_BASE_SAGE_300_HEX = '#079250'; export const COLOR_BASE_SAGE_300_CODE = 'sage-300'; export const COLOR_BASE_SAGE_300_CLASSNAME = 't-sage--color-sage-300'; -export const COLOR_BASE_SAGE_400_HEX = '#225d53'; +export const COLOR_BASE_SAGE_400_HEX = '#085c37'; export const COLOR_BASE_SAGE_400_CODE = 'sage-400'; export const COLOR_BASE_SAGE_400_CLASSNAME = 't-sage--color-sage-400'; -export const COLOR_BASE_SAGE_500_HEX = '#183e3b'; +export const COLOR_BASE_SAGE_500_HEX = '#052e1c'; export const COLOR_BASE_SAGE_500_CODE = 'sage-500'; export const COLOR_BASE_SAGE_500_CLASSNAME = 't-sage--color-sage-500'; -export const COLOR_BASE_YELLOW_100_HEX = '#fef8e1'; +export const COLOR_BASE_YELLOW_100_HEX = '#fff3c6'; export const COLOR_BASE_YELLOW_100_CODE = 'yellow-100'; export const COLOR_BASE_YELLOW_100_CLASSNAME = 't-sage--color-yellow-100'; -export const COLOR_BASE_YELLOW_200_HEX = '#fad980'; +export const COLOR_BASE_YELLOW_200_HEX = '#fed04b'; export const COLOR_BASE_YELLOW_200_CODE = 'yellow-200'; export const COLOR_BASE_YELLOW_200_CLASSNAME = 't-sage--color-yellow-200'; -export const COLOR_BASE_YELLOW_300_HEX = '#ffc505'; +export const COLOR_BASE_YELLOW_300_HEX = '#fdbb21'; export const COLOR_BASE_YELLOW_300_CODE = 'yellow-300'; export const COLOR_BASE_YELLOW_300_CLASSNAME = 't-sage--color-yellow-300'; -export const COLOR_BASE_YELLOW_400_HEX = '#c56a02'; +export const COLOR_BASE_YELLOW_400_HEX = '#db7303'; export const COLOR_BASE_YELLOW_400_CODE = 'yellow-400'; export const COLOR_BASE_YELLOW_400_CLASSNAME = 't-sage--color-yellow-400'; -export const COLOR_BASE_YELLOW_500_HEX = '#8c3b08'; +export const COLOR_BASE_YELLOW_500_HEX = '#451902'; export const COLOR_BASE_YELLOW_500_CODE = 'yellow-500'; export const COLOR_BASE_YELLOW_500_CLASSNAME = 't-sage--color-yellow-500'; -export const COLOR_BASE_RED_100_HEX = '#fff0f0'; +export const COLOR_BASE_RED_100_HEX = '#fee2e1'; export const COLOR_BASE_RED_100_CODE = 'red-100'; export const COLOR_BASE_RED_100_CLASSNAME = 't-sage--color-red-100'; -export const COLOR_BASE_RED_200_HEX = '#fdb0aa'; +export const COLOR_BASE_RED_200_HEX = '#fda5a5'; export const COLOR_BASE_RED_200_CODE = 'red-200'; export const COLOR_BASE_RED_200_CLASSNAME = 't-sage--color-red-200'; -export const COLOR_BASE_RED_300_HEX = '#cf3c32'; +export const COLOR_BASE_RED_300_HEX = '#ef4444'; export const COLOR_BASE_RED_300_CODE = 'red-300'; export const COLOR_BASE_RED_300_CLASSNAME = 't-sage--color-red-300'; -export const COLOR_BASE_RED_400_HEX = '#99221e'; +export const COLOR_BASE_RED_400_HEX = '#991b1b'; export const COLOR_BASE_RED_400_CODE = 'red-400'; export const COLOR_BASE_RED_400_CLASSNAME = 't-sage--color-red-400'; -export const COLOR_BASE_RED_500_HEX = '#5e0d0d'; +export const COLOR_BASE_RED_500_HEX = '#572627'; export const COLOR_BASE_RED_500_CODE = 'red-500'; export const COLOR_BASE_RED_500_CLASSNAME = 't-sage--color-red-500'; -export const COLOR_BASE_ORANGE_100_HEX = '#fef1e1'; +export const COLOR_BASE_ORANGE_100_HEX = '#ffe3d4'; export const COLOR_BASE_ORANGE_100_CODE = 'orange-100'; export const COLOR_BASE_ORANGE_100_CLASSNAME = 't-sage--color-orange-100'; -export const COLOR_BASE_ORANGE_200_HEX = '#ffb36b'; +export const COLOR_BASE_ORANGE_200_HEX = '#ff9970'; export const COLOR_BASE_ORANGE_200_CODE = 'orange-200'; export const COLOR_BASE_ORANGE_200_CLASSNAME = 't-sage--color-orange-200'; -export const COLOR_BASE_ORANGE_300_HEX = '#fb7e09'; +export const COLOR_BASE_ORANGE_300_HEX = '#ff3e15'; export const COLOR_BASE_ORANGE_300_CODE = 'orange-300'; export const COLOR_BASE_ORANGE_300_CLASSNAME = 't-sage--color-orange-300'; -export const COLOR_BASE_ORANGE_400_HEX = '#b3501e'; +export const COLOR_BASE_ORANGE_400_HEX = '#9e110e'; export const COLOR_BASE_ORANGE_400_CODE = 'orange-400'; export const COLOR_BASE_ORANGE_400_CLASSNAME = 't-sage--color-orange-400'; -export const COLOR_BASE_ORANGE_500_HEX = '#5a260c'; +export const COLOR_BASE_ORANGE_500_HEX = '#450506'; export const COLOR_BASE_ORANGE_500_CODE = 'orange-500'; export const COLOR_BASE_ORANGE_500_CLASSNAME = 't-sage--color-orange-500'; -export const COLOR_BASE_PURPLE_100_HEX = '#eee4f6'; +export const COLOR_BASE_PURPLE_100_HEX = '#e0e4ff'; export const COLOR_BASE_PURPLE_100_CODE = 'purple-100'; export const COLOR_BASE_PURPLE_100_CLASSNAME = 't-sage--color-purple-100'; -export const COLOR_BASE_PURPLE_200_HEX = '#d9c2ef'; +export const COLOR_BASE_PURPLE_200_HEX = '#a3acfd'; export const COLOR_BASE_PURPLE_200_CODE = 'purple-200'; export const COLOR_BASE_PURPLE_200_CLASSNAME = 't-sage--color-purple-200'; -export const COLOR_BASE_PURPLE_300_HEX = '#8e5ad8'; +export const COLOR_BASE_PURPLE_300_HEX = '#533be5'; export const COLOR_BASE_PURPLE_300_CODE = 'purple-300'; export const COLOR_BASE_PURPLE_300_CLASSNAME = 't-sage--color-purple-300'; -export const COLOR_BASE_PURPLE_400_HEX = '#50348a'; +export const COLOR_BASE_PURPLE_400_HEX = '#402Fa4'; export const COLOR_BASE_PURPLE_400_CODE = 'purple-400'; export const COLOR_BASE_PURPLE_400_CLASSNAME = 't-sage--color-purple-400'; -export const COLOR_BASE_PURPLE_500_HEX = '#381c5e'; +export const COLOR_BASE_PURPLE_500_HEX = '#221b4b'; export const COLOR_BASE_PURPLE_500_CODE = 'purple-500'; export const COLOR_BASE_PURPLE_500_CLASSNAME = 't-sage--color-purple-500'; -export const COLOR_BASE_CHARCOAL_100_HEX = '#8d939a'; +export const COLOR_BASE_CHARCOAL_100_HEX = '#828180'; export const COLOR_BASE_CHARCOAL_100_CODE = 'charcoal-100'; export const COLOR_BASE_CHARCOAL_100_CLASSNAME = 't-sage--color-charcoal-100'; -export const COLOR_BASE_CHARCOAL_200_HEX = '#60666c'; +export const COLOR_BASE_CHARCOAL_200_HEX = '#6c6a69'; export const COLOR_BASE_CHARCOAL_200_CODE = 'charcoal-200'; export const COLOR_BASE_CHARCOAL_200_CLASSNAME = 't-sage--color-charcoal-200'; -export const COLOR_BASE_CHARCOAL_300_HEX = '#43474b'; +export const COLOR_BASE_CHARCOAL_300_HEX = '#4d4d4c'; export const COLOR_BASE_CHARCOAL_300_CODE = 'charcoal-300'; export const COLOR_BASE_CHARCOAL_300_CLASSNAME = 't-sage--color-charcoal-300'; -export const COLOR_BASE_CHARCOAL_400_HEX = '#202327'; +export const COLOR_BASE_CHARCOAL_400_HEX = '#343332'; export const COLOR_BASE_CHARCOAL_400_CODE = 'charcoal-400'; export const COLOR_BASE_CHARCOAL_400_CLASSNAME = 't-sage--color-charcoal-400'; -export const COLOR_BASE_CHARCOAL_500_HEX = '#040506'; +export const COLOR_BASE_CHARCOAL_500_HEX = '#1a1a19'; export const COLOR_BASE_CHARCOAL_500_CODE = 'charcoal-500'; export const COLOR_BASE_CHARCOAL_500_CLASSNAME = 't-sage--color-charcoal-500'; -export const COLOR_BASE_GREY_100_HEX = '#f9fafa'; +export const COLOR_BASE_GREY_100_HEX = '#f8f8f8'; export const COLOR_BASE_GREY_100_CODE = 'grey-100'; export const COLOR_BASE_GREY_100_CLASSNAME = 't-sage--color-grey-100'; -export const COLOR_BASE_GREY_200_HEX = '#f6f8f8'; +export const COLOR_BASE_GREY_200_HEX = '#f0f0f0'; export const COLOR_BASE_GREY_200_CODE = 'grey-200'; export const COLOR_BASE_GREY_200_CLASSNAME = 't-sage--color-grey-200'; -export const COLOR_BASE_GREY_300_HEX = '#eceeef'; +export const COLOR_BASE_GREY_300_HEX = '#e4e4e4'; export const COLOR_BASE_GREY_300_CODE = 'grey-300'; export const COLOR_BASE_GREY_300_CLASSNAME = 't-sage--color-grey-300'; -export const COLOR_BASE_GREY_400_HEX = '#d3d5d9'; +export const COLOR_BASE_GREY_400_HEX = '#d2d1d1'; export const COLOR_BASE_GREY_400_CODE = 'grey-400'; export const COLOR_BASE_GREY_400_CLASSNAME = 't-sage--color-grey-400'; -export const COLOR_BASE_GREY_500_HEX = '#b5bac0'; +export const COLOR_BASE_GREY_500_HEX = '#9b9a98'; export const COLOR_BASE_GREY_500_CODE = 'grey-500'; export const COLOR_BASE_GREY_500_CLASSNAME = 't-sage--color-grey-500'; export const COLOR_BASE_WHITE_100_HEX = '#fff'; @@ -453,74 +453,74 @@ export const COLOR = { // // Static vars for COLOR COMBOS // -export const COLOR_COMBOS_DRAFT_DEFAULT_FOREGROUND = '#202327'; -export const COLOR_COMBOS_DRAFT_DEFAULT_FOREGROUND_ACCENT = '#040506'; -export const COLOR_COMBOS_DRAFT_DEFAULT_BACKGROUND = '#eceeef'; -export const COLOR_COMBOS_DRAFT_DEFAULT_BACKGROUND_ACCENT = '#d3d5d9'; -export const COLOR_COMBOS_DRAFT_DEFAULT_ICON_BACKGROUND_ACCENT = '#60666c'; -export const COLOR_COMBOS_DRAFT_SUBTLE_FOREGROUND = '#60666c'; -export const COLOR_COMBOS_DRAFT_SUBTLE_FOREGROUND_ACCENT = '#8d939a'; -export const COLOR_COMBOS_DRAFT_SUBTLE_BACKGROUND = '#8d939a'; -export const COLOR_COMBOS_DRAFT_BOLD_FOREGROUND = '#f6f8f8'; -export const COLOR_COMBOS_DRAFT_BOLD_BACKGROUND = '#202327'; -export const COLOR_COMBOS_PUBLISHED_DEFAULT_FOREGROUND = '#225d53'; -export const COLOR_COMBOS_PUBLISHED_DEFAULT_FOREGROUND_ACCENT = '#183e3b'; -export const COLOR_COMBOS_PUBLISHED_DEFAULT_BACKGROUND = '#ddf8f0'; -export const COLOR_COMBOS_PUBLISHED_DEFAULT_BACKGROUND_ACCENT = '#86d5bc'; -export const COLOR_COMBOS_PUBLISHED_DEFAULT_ICON_BACKGROUND_ACCENT = '#23856d'; -export const COLOR_COMBOS_PUBLISHED_SUBTLE_FOREGROUND = '#225d53'; -export const COLOR_COMBOS_PUBLISHED_SUBTLE_FOREGROUND_ACCENT = '#23856d'; -export const COLOR_COMBOS_PUBLISHED_SUBTLE_BACKGROUND = '#23856d'; +export const COLOR_COMBOS_DRAFT_DEFAULT_FOREGROUND = '#343332'; +export const COLOR_COMBOS_DRAFT_DEFAULT_FOREGROUND_ACCENT = '#1a1a19'; +export const COLOR_COMBOS_DRAFT_DEFAULT_BACKGROUND = '#e4e4e4'; +export const COLOR_COMBOS_DRAFT_DEFAULT_BACKGROUND_ACCENT = '#d2d1d1'; +export const COLOR_COMBOS_DRAFT_DEFAULT_ICON_BACKGROUND_ACCENT = '#6c6a69'; +export const COLOR_COMBOS_DRAFT_SUBTLE_FOREGROUND = '#6c6a69'; +export const COLOR_COMBOS_DRAFT_SUBTLE_FOREGROUND_ACCENT = '#828180'; +export const COLOR_COMBOS_DRAFT_SUBTLE_BACKGROUND = '#828180'; +export const COLOR_COMBOS_DRAFT_BOLD_FOREGROUND = '#f0f0f0'; +export const COLOR_COMBOS_DRAFT_BOLD_BACKGROUND = '#343332'; +export const COLOR_COMBOS_PUBLISHED_DEFAULT_FOREGROUND = '#085c37'; +export const COLOR_COMBOS_PUBLISHED_DEFAULT_FOREGROUND_ACCENT = '#052e1c'; +export const COLOR_COMBOS_PUBLISHED_DEFAULT_BACKGROUND = '#d3f8df'; +export const COLOR_COMBOS_PUBLISHED_DEFAULT_BACKGROUND_ACCENT = '#73e2a3'; +export const COLOR_COMBOS_PUBLISHED_DEFAULT_ICON_BACKGROUND_ACCENT = '#079250'; +export const COLOR_COMBOS_PUBLISHED_SUBTLE_FOREGROUND = '#085c37'; +export const COLOR_COMBOS_PUBLISHED_SUBTLE_FOREGROUND_ACCENT = '#079250'; +export const COLOR_COMBOS_PUBLISHED_SUBTLE_BACKGROUND = '#079250'; export const COLOR_COMBOS_PUBLISHED_BOLD_FOREGROUND = '#fff'; -export const COLOR_COMBOS_PUBLISHED_BOLD_BACKGROUND = '#23856d'; -export const COLOR_COMBOS_INFO_DEFAULT_FOREGROUND = '#054fb8'; -export const COLOR_COMBOS_INFO_DEFAULT_FOREGROUND_ACCENT = '#07265f'; -export const COLOR_COMBOS_INFO_DEFAULT_BACKGROUND = '#e6f4fe'; -export const COLOR_COMBOS_INFO_DEFAULT_BACKGROUND_ACCENT = '#8ecafb'; -export const COLOR_COMBOS_INFO_DEFAULT_ICON_BACKGROUND_ACCENT = '#0072ef'; -export const COLOR_COMBOS_INFO_SUBTLE_FOREGROUND = '#054fb8'; -export const COLOR_COMBOS_INFO_SUBTLE_FOREGROUND_ACCENT = '#0072ef'; -export const COLOR_COMBOS_INFO_SUBTLE_BACKGROUND = '#8ecafb'; -export const COLOR_COMBOS_INFO_BOLD_FOREGROUND = '#e6f4fe'; -export const COLOR_COMBOS_INFO_BOLD_BACKGROUND = '#0072ef'; -export const COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND = '#50348a'; -export const COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND_ACCENT = '#381c5e'; -export const COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND = '#eee4f6'; -export const COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND_ACCENT = '#d9c2ef'; -export const COLOR_COMBOS_LOCKED_DEFAULT_ICON_BACKGROUND_ACCENT = '#8e5ad8'; -export const COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND = '#50348a'; -export const COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND_ACCENT = '#8e5ad8'; -export const COLOR_COMBOS_LOCKED_SUBTLE_BACKGROUND = '#d9c2ef'; -export const COLOR_COMBOS_LOCKED_BOLD_FOREGROUND = '#eee4f6'; -export const COLOR_COMBOS_LOCKED_BOLD_BACKGROUND = '#8e5ad8'; -export const COLOR_COMBOS_WARNING_DEFAULT_FOREGROUND = '#c56a02'; -export const COLOR_COMBOS_WARNING_DEFAULT_FOREGROUND_ACCENT = '#8c3b08'; -export const COLOR_COMBOS_WARNING_DEFAULT_BACKGROUND = '#fef8e1'; -export const COLOR_COMBOS_WARNING_DEFAULT_BACKGROUND_ACCENT = '#fad980'; -export const COLOR_COMBOS_WARNING_DEFAULT_ICON_BACKGROUND_ACCENT = '#c56a02'; -export const COLOR_COMBOS_WARNING_SUBTLE_FOREGROUND = '#c56a02'; -export const COLOR_COMBOS_WARNING_SUBTLE_FOREGROUND_ACCENT = '#ffc505'; -export const COLOR_COMBOS_WARNING_SUBTLE_BACKGROUND = '#ffc505'; +export const COLOR_COMBOS_PUBLISHED_BOLD_BACKGROUND = '#079250'; +export const COLOR_COMBOS_INFO_DEFAULT_FOREGROUND = '#991b1b'; +export const COLOR_COMBOS_INFO_DEFAULT_FOREGROUND_ACCENT = '#572627'; +export const COLOR_COMBOS_INFO_DEFAULT_BACKGROUND = '#Fee2e1'; +export const COLOR_COMBOS_INFO_DEFAULT_BACKGROUND_ACCENT = '#fda5a5'; +export const COLOR_COMBOS_INFO_DEFAULT_ICON_BACKGROUND_ACCENT = '#ef4444'; +export const COLOR_COMBOS_INFO_SUBTLE_FOREGROUND = '#991b1b'; +export const COLOR_COMBOS_INFO_SUBTLE_FOREGROUND_ACCENT = '#ef4444'; +export const COLOR_COMBOS_INFO_SUBTLE_BACKGROUND = '#fda5a5'; +export const COLOR_COMBOS_INFO_BOLD_FOREGROUND = '#Fee2e1'; +export const COLOR_COMBOS_INFO_BOLD_BACKGROUND = '#ef4444'; +export const COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND = '#402Fa4'; +export const COLOR_COMBOS_LOCKED_DEFAULT_FOREGROUND_ACCENT = '#221b4b'; +export const COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND = '#e0e4ff'; +export const COLOR_COMBOS_LOCKED_DEFAULT_BACKGROUND_ACCENT = '#a3acfd'; +export const COLOR_COMBOS_LOCKED_DEFAULT_ICON_BACKGROUND_ACCENT = '#533be5'; +export const COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND = '#402Fa4'; +export const COLOR_COMBOS_LOCKED_SUBTLE_FOREGROUND_ACCENT = '#533be5'; +export const COLOR_COMBOS_LOCKED_SUBTLE_BACKGROUND = '#a3acfd'; +export const COLOR_COMBOS_LOCKED_BOLD_FOREGROUND = '#e0e4ff'; +export const COLOR_COMBOS_LOCKED_BOLD_BACKGROUND = '#533be5'; +export const COLOR_COMBOS_WARNING_DEFAULT_FOREGROUND = '#db7303'; +export const COLOR_COMBOS_WARNING_DEFAULT_FOREGROUND_ACCENT = '#451902'; +export const COLOR_COMBOS_WARNING_DEFAULT_BACKGROUND = '#fff3c6'; +export const COLOR_COMBOS_WARNING_DEFAULT_BACKGROUND_ACCENT = '#fed04b'; +export const COLOR_COMBOS_WARNING_DEFAULT_ICON_BACKGROUND_ACCENT = '#db7303'; +export const COLOR_COMBOS_WARNING_SUBTLE_FOREGROUND = '#db7303'; +export const COLOR_COMBOS_WARNING_SUBTLE_FOREGROUND_ACCENT = '#fdbb21'; +export const COLOR_COMBOS_WARNING_SUBTLE_BACKGROUND = '#fdbb21'; export const COLOR_COMBOS_WARNING_BOLD_FOREGROUND = '#fff'; -export const COLOR_COMBOS_WARNING_BOLD_BACKGROUND = '#ffc505'; -export const COLOR_COMBOS_DANGER_DEFAULT_FOREGROUND = '#99221e'; -export const COLOR_COMBOS_DANGER_DEFAULT_FOREGROUND_ACCENT = '#5e0d0d'; -export const COLOR_COMBOS_DANGER_DEFAULT_BACKGROUND = '#fff0f0'; -export const COLOR_COMBOS_DANGER_DEFAULT_BACKGROUND_ACCENT = '#fdb0aa'; -export const COLOR_COMBOS_DANGER_DEFAULT_ICON_BACKGROUND_ACCENT = '#cf3c32'; -export const COLOR_COMBOS_DANGER_SUBTLE_FOREGROUND = '#99221e'; -export const COLOR_COMBOS_DANGER_SUBTLE_FOREGROUND_ACCENT = '#fdb0aa'; -export const COLOR_COMBOS_DANGER_SUBTLE_BACKGROUND = '#fdb0aa'; -export const COLOR_COMBOS_DANGER_BOLD_FOREGROUND = '#fff0f0'; -export const COLOR_COMBOS_DANGER_BOLD_BACKGROUND = '#fdb0aa'; +export const COLOR_COMBOS_WARNING_BOLD_BACKGROUND = '#fdbb21'; +export const COLOR_COMBOS_DANGER_DEFAULT_FOREGROUND = '#991b1b'; +export const COLOR_COMBOS_DANGER_DEFAULT_FOREGROUND_ACCENT = '#572627'; +export const COLOR_COMBOS_DANGER_DEFAULT_BACKGROUND = '#fee2e1'; +export const COLOR_COMBOS_DANGER_DEFAULT_BACKGROUND_ACCENT = '#fda5a5'; +export const COLOR_COMBOS_DANGER_DEFAULT_ICON_BACKGROUND_ACCENT = '#ef4444'; +export const COLOR_COMBOS_DANGER_SUBTLE_FOREGROUND = '#991b1b'; +export const COLOR_COMBOS_DANGER_SUBTLE_FOREGROUND_ACCENT = '#fda5a5'; +export const COLOR_COMBOS_DANGER_SUBTLE_BACKGROUND = '#fda5a5'; +export const COLOR_COMBOS_DANGER_BOLD_FOREGROUND = '#fee2e1'; +export const COLOR_COMBOS_DANGER_BOLD_BACKGROUND = '#fda5a5'; export const COLOR_COMBOS_PRIMARY_DEFAULT_FOREGROUND = '#fff'; export const COLOR_COMBOS_PRIMARY_DEFAULT_FOREGROUND_ACCENT = '#fff'; -export const COLOR_COMBOS_PRIMARY_DEFAULT_BACKGROUND = '#8ecafb'; +export const COLOR_COMBOS_PRIMARY_DEFAULT_BACKGROUND = '#fda5a5'; export const COLOR_COMBOS_PRIMARY_SUBTLE_FOREGROUND = '#fff'; export const COLOR_COMBOS_PRIMARY_SUBTLE_FOREGROUND_ACCENT = '#fff'; -export const COLOR_COMBOS_PRIMARY_SUBTLE_BACKGROUND = '#8ecafb'; +export const COLOR_COMBOS_PRIMARY_SUBTLE_BACKGROUND = '#fda5a5'; export const COLOR_COMBOS_PRIMARY_BOLD_FOREGROUND = '#fff'; -export const COLOR_COMBOS_PRIMARY_BOLD_BACKGROUND = '#8ecafb'; +export const COLOR_COMBOS_PRIMARY_BOLD_BACKGROUND = '#fda5a5'; // // Map for COLOR COMBOS @@ -659,14 +659,14 @@ export const COLOR_COMBOS = { // // Static vars for COLOR CORE // -export const COLOR_CORE_PRIMARY = '#0072ef'; -export const COLOR_CORE_SAGE = '#23856d'; -export const COLOR_CORE_YELLOW = '#ffc505'; -export const COLOR_CORE_RED = '#cf3c32'; -export const COLOR_CORE_ORANGE = '#fb7e09'; -export const COLOR_CORE_PURPLE = '#8e5ad8'; -export const COLOR_CORE_CHARCOAL = '#43474b'; -export const COLOR_CORE_GREY = '#8d939a'; +export const COLOR_CORE_PRIMARY = '#ef4444'; +export const COLOR_CORE_SAGE = '#079250'; +export const COLOR_CORE_YELLOW = '#fdbb21'; +export const COLOR_CORE_RED = '#ef4444'; +export const COLOR_CORE_ORANGE = '#ff3e15'; +export const COLOR_CORE_PURPLE = '#533be5'; +export const COLOR_CORE_CHARCOAL = '#4d4d4c'; +export const COLOR_CORE_GREY = '#828180'; export const COLOR_CORE_WHITE = '#fff'; export const COLOR_CORE_BLACK = '#000'; diff --git a/style-dictionary/tokens/color/base.json b/style-dictionary/tokens/color/base.json index ab5944f264..67074f0daf 100644 --- a/style-dictionary/tokens/color/base.json +++ b/style-dictionary/tokens/color/base.json @@ -3,216 +3,216 @@ "base": { "primary": { "100": { - "hex": { "value": "#e6f4fe" }, + "hex": { "value": "#Fee2e1" }, "code": { "value": "primary-100" }, "classname": { "value": "t-sage--color-primary-100" } }, "200": { - "hex": { "value": "#8ecafb" }, + "hex": { "value": "#fda5a5" }, "code": { "value": "primary-200" }, "classname": { "value": "t-sage--color-primary-200" } }, "300": { - "hex": { "value": "#0072ef" }, + "hex": { "value": "#ef4444" }, "code": { "value": "primary-300" }, "classname": { "value": "t-sage--color-primary-300" } }, "400": { - "hex": { "value": "#054fb8" }, + "hex": { "value": "#991b1b" }, "code": { "value": "primary-400" }, "classname": { "value": "t-sage--color-primary-400" } }, "500": { - "hex": { "value": "#07265f" }, + "hex": { "value": "#572627" }, "code": { "value": "primary-500" }, "classname": { "value": "t-sage--color-primary-500" } } }, "sage": { "100": { - "hex": { "value": "#ddf8f0" }, + "hex": { "value": "#d3f8df" }, "code": { "value": "sage-100" }, "classname": { "value": "t-sage--color-sage-100" } }, "200": { - "hex": { "value": "#86d5bc" }, + "hex": { "value": "#73e2a3" }, "code": { "value": "sage-200" }, "classname": { "value": "t-sage--color-sage-200" } }, "300": { - "hex": { "value": "#23856d" }, + "hex": { "value": "#079250" }, "code": { "value": "sage-300" }, "classname": { "value": "t-sage--color-sage-300" } }, "400": { - "hex": { "value": "#225d53" }, + "hex": { "value": "#085c37" }, "code": { "value": "sage-400" }, "classname": { "value": "t-sage--color-sage-400" } }, "500": { - "hex": { "value": "#183e3b" }, + "hex": { "value": "#052e1c" }, "code": { "value": "sage-500" }, "classname": { "value": "t-sage--color-sage-500" } } }, "yellow": { "100": { - "hex": { "value": "#fef8e1" }, + "hex": { "value": "#fff3c6" }, "code": { "value": "yellow-100" }, "classname": { "value": "t-sage--color-yellow-100" } }, "200": { - "hex": { "value": "#fad980" }, + "hex": { "value": "#fed04b" }, "code": { "value": "yellow-200" }, "classname": { "value": "t-sage--color-yellow-200" } }, "300": { - "hex": { "value": "#ffc505" }, + "hex": { "value": "#fdbb21" }, "code": { "value": "yellow-300" }, "classname": { "value": "t-sage--color-yellow-300" } }, "400": { - "hex": { "value": "#c56a02" }, + "hex": { "value": "#db7303" }, "code": { "value": "yellow-400" }, "classname": { "value": "t-sage--color-yellow-400" } }, "500": { - "hex": { "value": "#8c3b08" }, + "hex": { "value": "#451902" }, "code": { "value": "yellow-500" }, "classname": { "value": "t-sage--color-yellow-500" } } }, "red": { "100": { - "hex": { "value": "#fff0f0" }, + "hex": { "value": "#fee2e1" }, "code": { "value": "red-100" }, "classname": { "value": "t-sage--color-red-100" } }, "200": { - "hex": { "value": "#fdb0aa" }, + "hex": { "value": "#fda5a5" }, "code": { "value": "red-200" }, "classname": { "value": "t-sage--color-red-200" } }, "300": { - "hex": { "value": "#cf3c32" }, + "hex": { "value": "#ef4444" }, "code": { "value": "red-300" }, "classname": { "value": "t-sage--color-red-300" } }, "400": { - "hex": { "value": "#99221e" }, + "hex": { "value": "#991b1b" }, "code": { "value": "red-400" }, "classname": { "value": "t-sage--color-red-400" } }, "500": { - "hex": { "value": "#5e0d0d" }, + "hex": { "value": "#572627" }, "code": { "value": "red-500" }, "classname": { "value": "t-sage--color-red-500" } } }, "orange": { "100": { - "hex": { "value": "#fef1e1" }, + "hex": { "value": "#ffe3d4" }, "code": { "value": "orange-100" }, "classname": { "value": "t-sage--color-orange-100" } }, "200": { - "hex": { "value": "#ffb36b" }, + "hex": { "value": "#ff9970" }, "code": { "value": "orange-200" }, "classname": { "value": "t-sage--color-orange-200" } }, "300": { - "hex": { "value": "#fb7e09" }, + "hex": { "value": "#ff3e15" }, "code": { "value": "orange-300" }, "classname": { "value": "t-sage--color-orange-300" } }, "400": { - "hex": { "value": "#b3501e" }, + "hex": { "value": "#9e110e" }, "code": { "value": "orange-400" }, "classname": { "value": "t-sage--color-orange-400" } }, "500": { - "hex": { "value": "#5a260c" }, + "hex": { "value": "#450506" }, "code": { "value": "orange-500" }, "classname": { "value": "t-sage--color-orange-500" } } }, "purple": { "100": { - "hex": { "value": "#eee4f6" }, + "hex": { "value": "#e0e4ff" }, "code": { "value": "purple-100" }, "classname": { "value": "t-sage--color-purple-100" } }, "200": { - "hex": { "value": "#d9c2ef" }, + "hex": { "value": "#a3acfd" }, "code": { "value": "purple-200" }, "classname": { "value": "t-sage--color-purple-200" } }, "300": { - "hex": { "value": "#8e5ad8" }, + "hex": { "value": "#533be5" }, "code": { "value": "purple-300" }, "classname": { "value": "t-sage--color-purple-300" } }, "400": { - "hex": { "value": "#50348a" }, + "hex": { "value": "#402Fa4" }, "code": { "value": "purple-400" }, "classname": { "value": "t-sage--color-purple-400" } }, "500": { - "hex": { "value": "#381c5e" }, + "hex": { "value": "#221b4b" }, "code": { "value": "purple-500" }, "classname": { "value": "t-sage--color-purple-500" } } }, "charcoal": { "100": { - "hex": { "value": "#8d939a" }, + "hex": { "value": "#828180" }, "code": { "value": "charcoal-100" }, "classname": { "value": "t-sage--color-charcoal-100" } }, "200": { - "hex": { "value": "#60666c" }, + "hex": { "value": "#6c6a69" }, "code": { "value": "charcoal-200" }, "classname": { "value": "t-sage--color-charcoal-200" } }, "300": { - "hex": { "value": "#43474b" }, + "hex": { "value": "#4d4d4c" }, "code": { "value": "charcoal-300" }, "classname": { "value": "t-sage--color-charcoal-300" } }, "400": { - "hex": { "value": "#202327" }, + "hex": { "value": "#343332" }, "code": { "value": "charcoal-400" }, "classname": { "value": "t-sage--color-charcoal-400" } }, "500": { - "hex": { "value": "#040506" }, + "hex": { "value": "#1a1a19" }, "code": { "value": "charcoal-500" }, "classname": { "value": "t-sage--color-charcoal-500" } } }, "grey": { "100": { - "hex": { "value": "#f9fafa" }, + "hex": { "value": "#f8f8f8" }, "code": { "value": "grey-100" }, "classname": { "value": "t-sage--color-grey-100" } }, "200": { - "hex": { "value": "#f6f8f8" }, + "hex": { "value": "#f0f0f0" }, "code": { "value": "grey-200" }, "classname": { "value": "t-sage--color-grey-200" } }, "300": { - "hex": { "value": "#eceeef" }, + "hex": { "value": "#e4e4e4" }, "code": { "value": "grey-300" }, "classname": { "value": "t-sage--color-grey-300" } }, "400": { - "hex": { "value": "#d3d5d9" }, + "hex": { "value": "#d2d1d1" }, "code": { "value": "grey-400" }, "classname": { "value": "t-sage--color-grey-400" } }, "500": { - "hex": { "value": "#b5bac0" }, + "hex": { "value": "#9b9a98" }, "code": { "value": "grey-500" }, "classname": { "value": "t-sage--color-grey-500" } }