@heliux-org/ui-style 1.0.22

package/src/config/maps/core/_core-motion-map.scss

@@ -0,0 +1,17 @@
+// COR MAP: MOTION
+// This partial defines a motion related map.
+// - Map include Motion scope tokens.
+// - Map is collected into the $core-settings-map and is interpolated into custom properties.
+
+$core-motion-map: (
+  motion-productive-short: $motion-productive-short,
+  motion-productive-medium: $motion-productive-medium,
+  motion-productive-long: $motion-productive-long,
+  motion-expressive-short: $motion-expressive-short,
+  motion-expressive-long: $motion-expressive-long,
+  motion-timing-enter: $motion-timing-enter,
+  motion-timing-exit: $motion-timing-exit,
+  motion-timing-transition: $motion-timing-transition,
+  motion-timing-emphasize: $motion-timing-emphasize,
+  expand-animation-timing: $expand-animation-timing
+);

package/src/config/maps/core/_core-radius-map.scss

@@ -0,0 +1,10 @@
+// CORE MAP :RADIUS
+// This partial defines a border radius related map.
+// - Map includes border radius scope tokens.
+// - Map is collected into the $core-settings-map and is interpolated into custom properties.
+
+$core-border-radius-map: (
+  border-radius-small: $border-radius-small,
+  border-radius-medium: $border-radius-medium,
+  border-radius-big: $border-radius-big
+);

package/src/config/maps/core/_core-shadows-map.scss

@@ -0,0 +1,19 @@
+// CORE MAP : SHADOW
+// This partial defines shadow related maps.
+// - Maps include shadow scope tokens.
+// - These maps are currently not interpolated into custom properties.
+
+$core-shadow-size-map: (
+  xs: $shadow-size-xs,
+  small: $shadow-size-small,
+  medium: $shadow-size-medium,
+  large: $shadow-size-large,
+  mediun: var(--box-shadow-medium)
+);
+
+$core-shadow-opacity-map: (
+  xs-opacity: $shadow-small-opacity,
+  small-opacity: $shadow-small-opacity,
+  medium-opacity: $shadow-medium-opacity,
+  large-opacity: $shadow-large-opacity
+);

package/src/config/maps/core/_core-spacing-map.scss

@@ -0,0 +1,14 @@
+// CORE MAP: SPACING
+// This partial defines a Spacing related map.
+// - Map include spacing scope tokens.
+// - Map is collected into the $core-settings-map and is interpolated into custom properties.
+
+$core-spacing-map: (
+  spacing-xs: $spacing-xs,
+  spacing-small: $spacing-small,
+  spacing-medium: $spacing-medium,
+  spacing-large: $spacing-large,
+  spacing-xl: $spacing-xl,
+  spacing-xxl: $spacing-xxl,
+  spacing-xxxl: $spacing-xxxl
+);

package/src/config/maps/core/_core-typography-map-deprecated.scss

@@ -0,0 +1,40 @@
+// CORE MAP: TYPOGRAPHY
+// This partial defines typography related maps.
+// - Maps include Font scope tokens.
+// - Maps are collected into the $core-settings-map and are interpolated into custom properties.
+
+$core-typography-font-sizes-map: (
+  font-size-h1: $font-size-h1,
+  font-size-h2: $font-size-h2,
+  font-size-h3: $font-size-h3,
+  font-size-h4: $font-size-h4,
+  font-size-h5: $font-size-h5,
+  font-size-h6: $font-size-h6,
+  font-size-general-label: $font-size-general-label,
+  font-size-paragraph: $font-size-paragraph,
+  font-size-subtext: $font-size-subtext
+);
+
+$core-typography-line-height-sizes-map: (
+  font-line-height-h1: $font-line-height-h1,
+  font-line-height-h2: $font-line-height-h2,
+  font-line-height-h3: $font-line-height-h3,
+  font-line-height-h4: $font-line-height-h4,
+  font-line-height-h5: $font-line-height-h5,
+  font-line-height-h6: $font-line-height-h6,
+  font-line-height-general-label: $font-line-height-general-label,
+  font-line-height-paragraph: $font-line-height-paragraph,
+  font-line-height-subtext: $font-line-height-subtext
+);
+
+$core-typography-fonts-map-deprecated: (
+  font-h1: $font-h1,
+  font-h2: $font-h2,
+  font-h3: $font-h3,
+  font-h4: $font-h4,
+  font-h5: $font-h5,
+  font-h6: $font-h6,
+  font-general-label: $font-general-label,
+  font-paragraph: $font-paragraph,
+  font-subtext: $font-subtext
+);

package/src/config/maps/core/_core-typography-map.scss

@@ -0,0 +1,52 @@
+// CORE MAP: TYPOGRAPHY
+// This partial defines typography related maps.
+// - Maps include Font scope tokens.
+// - Maps are collected into the $core-settings-map and are interpolated into custom properties.
+
+$core-typography-fonts-map: (
+  font-h1-bold: $font-h1-bold,
+  font-h1-normal: $font-h1-normal,
+  font-h1-light: $font-h1-light,
+  font-h2-bold: $font-h2-bold,
+  font-h2-normal: $font-h2-normal,
+  font-h2-light: $font-h2-light,
+  font-h3-bold: $font-h3-bold,
+  font-h3-normal: $font-h3-normal,
+  font-h3-light: $font-h3-light,
+  font-h4-bold: $font-h4-bold,
+  font-h4-normal: $font-h4-normal,
+  font-h4-light: $font-h4-light,
+  font-h5-bold: $font-h5-bold,
+  font-h5-normal: $font-h5-normal,
+  font-h5-light: $font-h5-light,
+  font-h6-bold: $font-h6-bold,
+  font-h6-normal: $font-h6-normal,
+  font-h6-light: $font-h6-light,
+  font-text1-bold: $font-text1-bold,
+  font-text1-medium: $font-text1-medium,
+  font-text1-normal: $font-text1-normal,
+  font-text2-bold: $font-text2-bold,
+  font-text2-medium: $font-text2-medium,
+  font-text2-normal: $font-text2-normal
+);
+
+$core-typography-letter-spacing-map: (
+  letter-spacing-h1-bold: $letter-spacing-h1-bold,
+  letter-spacing-h1-normal: $letter-spacing-h1-normal,
+  letter-spacing-h1-light: $letter-spacing-h1-light,
+  letter-spacing-h2-bold: $letter-spacing-h2-bold,
+  letter-spacing-h2-normal: $letter-spacing-h2-normal,
+  letter-spacing-h2-light: $letter-spacing-h2-light,
+  letter-spacing-h3-bold: $letter-spacing-h3-bold,
+  letter-spacing-h3-normal: $letter-spacing-h3-normal,
+  letter-spacing-h3-light: $letter-spacing-h3-light,
+  letter-spacing-h4-bold: $letter-spacing-h3-bold,
+  letter-spacing-h4-normal: $letter-spacing-h3-normal,
+  letter-spacing-h4-light: $letter-spacing-h3-light,
+  letter-spacing-h5-bold: $letter-spacing-h3-bold,
+  letter-spacing-h5-normal: $letter-spacing-h3-normal,
+  letter-spacing-h5-light: $letter-spacing-h3-light,
+  letter-spacing-h6-bold: $letter-spacing-h3-bold,
+  letter-spacing-h6-normal: $letter-spacing-h3-normal,
+  letter-spacing-h6-light: $letter-spacing-h3-light
+  );

package/src/config/maps/themes/basic/keys/_keys.scss

@@ -0,0 +1,71 @@
+// BASIC THEME KEYS
+
+// ## BASIC THEME COLOR KEYS MAP: This partial defines the basic theme's keys color map.
+// - Map include semantic color keys scope tokens.
+// - Map is collected into the $theme-basic-settings map and is interpolated into custom properties.
+
+$theme-basic-keys: (
+  primary-color: $primary-color,
+  primary-hover-color: $primary-hover-color,
+  surface-selected: $surface-selected,
+  primary-selected-hover-color: $primary-selected-hover-color,
+  primary-highlighted-color: $primary-highlighted-color,
+  text-primary: $text-primary,
+  text-secondary: $text-secondary,
+  text-tertiary: $text-tertiary,
+  text-color-on-primary: $text-color-on-primary,
+  text-color-on-inverted: $text-color-on-inverted,
+  placeholder-color: $placeholder-color,
+  icon-primary: $icon-primary,
+  link-color: $link-color,
+  fixed-light-color: $fixed-light-color,
+  fixed-dark-color: $fixed-dark-color,
+  surface-primary: $surface-primary,
+  surface-primary-hover: $surface-primary-hover,
+  surface-secondary: $surface-secondary,
+  surface-tertiary: $surface-tertiary,
+  surface-quaternary: $surface-quaternary,
+  surface-inverse: $surface-inverse,
+  surface-success: $surface-success,
+  surface-alert: $surface-alert,
+  surface-warning: $surface-warning,
+  disabled-background-color: $disabled-background-color,
+  disabled-text-color: $disabled-text-color,
+  positive-color: $positive-color,
+  positive-color-hover: $positive-color-hover,
+  positive-color-selected: $positive-color-selected,
+  positive-color-selected-hover: $positive-color-selected-hover,
+  positive-color-background: $positive-color-background,
+  negative-color: $negative-color,
+  negative-color-hover: $negative-color-hover,
+  negative-color-selected: $negative-color-selected,
+  negative-color-selected-hover: $negative-color-selected-hover,
+  negative-color-background: $negative-color-background,
+  divider-primary: $divider-primary,
+  divider-secondary: $divider-secondary,
+  divider-overlay: $divider-overlay,
+  divider-halo: $divider-halo,
+  divider-selected: $divider-selected,
+  warning-color: $warning-color,
+  warning-color-hover: $warning-color-hover,
+  warning-color-selected: $warning-color-selected,
+  warning-color-selected-hover: $warning-color-selected-hover,
+  warning-color-background: $warning-color-background,
+  brand-color: $primary-color,
+  brand-hover-color: $primary-hover-color,
+  brand-selected-color: $surface-selected,
+  brand-selected-hover-color: $primary-selected-hover-color,
+  text-color-on-brand: $text-color-on-primary
+);
+
+// ## BASIC THEME SHADOW MAP: basic theme's shadow color map.
+// - Map include shadow scope tokens.
+// - Map is collected into the $theme-basic-settings map and is interpolated into custom properties.
+
+$theme-basic-shadow-keys: (
+  box-shadow-xs: $box-shadow-xs,
+  box-shadow-small: $box-shadow-small,
+  box-shadow-medium: $box-shadow-medium,
+  box-shadow-large: $box-shadow-large,
+  shadow-color: $shadow-color
+  );

package/src/config/maps/themes/basic/keys/legacy/_legacy-keys.scss

@@ -0,0 +1,34 @@
+// BASIC THEME LEGACY KEYS MAP: This partial defines the basic theme's legacy keys color map.
+// - Map include legacy keys scope tokens.
+// - Its main Purpose is to separate legacy tokens to registration tokens and key tokens.
+// - This map is for Key Tokens.
+//   - Legacy Key tokens are aliases of registration tokens or content color tokens with a semantic meaning.
+// - Map is collected into the $theme-basic-settings map and is interpolated into custom properties.
+
+$theme-basic-legacy-keys: (
+  primary-on-secondary-color: $primary-on-secondary-color,
+  primary-hover-on-secondary-color: $primary-hover-on-secondary-color,
+  surface-selected-rgb: $surface-selected-rgb,
+  primary-selected-on-secondary-color: $primary-selected-on-secondary-color,
+  primary-text-on-secondary-color: $primary-text-on-secondary-color,
+  text-color-on-primary-with-opacity: $text-color-on-primary-with-opacity,
+  text-tertiary: $text-tertiary,
+  placeholder-color-with-opacity: $placeholder-color-with-opacity,
+  placeholder-on-secondary-color: $placeholder-on-secondary-color,
+  icon-on-secondary-color: $icon-on-secondary-color,
+  link-on-secondary-color: $link-on-secondary-color,
+  label-background-color: $label-background-color,
+  label-background-on-secondary-color: $label-background-on-secondary-color,
+  surface-primary-rgb: $surface-primary-rgb,
+  primary-background-hover-on-secondary-color: $primary-background-hover-on-secondary-color,
+  modal-background-color: $modal-background-color,
+  surface-secondary-rgb: $surface-secondary-rgb,
+  disabled-background-on-secondary-color: $disabled-background-on-secondary-color,
+  disabled-text-on-secondary-color: $disabled-text-on-secondary-color,
+  ui-border-on-secondary-color: $ui-border-on-secondary-color,
+  layout-border-on-secondary-color: $layout-border-on-secondary-color,
+  dark-background-color: $dark-background-color,
+  dark-background-on-secondary-color: $dark-background-on-secondary-color,
+  dialog-background-color: $dialog-background-color,
+  box-shadow-mediun: $box-shadow-mediun
+);

package/src/config/maps/themes/basic/palette/_palette.scss

@@ -0,0 +1,157 @@
+// BASIC THEME COLOR MAP: This partial defines the basic theme's registration color map.
+// - Map include Registration color scope tokens.
+// - Map is collected into the $theme-basic-settings map and is interpolated into custom properties.
+
+$theme-basic-palette: (
+  color-highlight_blue: $color-highlight_blue,
+  color-basic_blue: $color-basic_blue,
+  color-dark_blue: $color-dark_blue,
+  color-bazooka: $color-bazooka,
+  color-snow_white: $color-snow_white,
+  color-teal-lightstone_gray: $color-teal-lightstone_gray,
+  color-ui_grey: $color-ui_grey,
+  color-wolf_gray: $color-wolf_gray,
+  color-asphalt: $color-asphalt,
+  color-mud_black: $color-mud_black,
+  color-success: $color-success,
+  color-success-hover: $color-success-hover,
+  color-success-highlight: $color-success-highlight,
+  color-error: $color-error,
+  color-error-hover: $color-error-hover,
+  color-error-highlight: $color-error-highlight,
+  color-link_color: $color-link_color,
+  color-surface: $color-surface,
+  color-white:$color-white,
+  color-black:$color-black,
+  color-sand-100:$colors-sand-100,
+  color-sand-200:$colors-sand-200,
+  color-sand-300:$colors-sand-300,
+  color-sand-400:$colors-sand-400,
+  color-sand-500:$colors-sand-500,
+  color-sand-600:$colors-sand-600,
+  color-sand-700:$colors-sand-700,
+  color-sand-800:$colors-sand-800,
+  color-sand-900:$colors-sand-900,
+  color-sand-950:$colors-sand-950,
+  color-obsidian-100:$colors-obsidian-100,
+  color-obsidian-200:$colors-obsidian-200,
+  color-obsidian-300:$colors-obsidian-300,
+  color-obsidian-400:$colors-obsidian-400,
+  color-obsidian-500:$colors-obsidian-500,
+  color-obsidian-600:$colors-obsidian-600,
+  color-obsidian-700:$colors-obsidian-700,
+  color-obsidian-800:$colors-obsidian-800,
+  color-obsidian-900:$colors-obsidian-900,
+  color-obsidian-950:$colors-obsidian-950,
+  color-solar-flare-100:$colors-solar-flare-100,
+  color-solar-flare-200:$colors-solar-flare-200,
+  color-solar-flare-300:$colors-solar-flare-300,
+  color-solar-flare-400:$colors-solar-flare-400,
+  color-solar-flare-500:$colors-solar-flare-500,
+  color-solar-flare-600:$colors-solar-flare-600,
+  color-solar-flare-700:$colors-solar-flare-700,
+  color-solar-flare-800:$colors-solar-flare-800,
+  color-solar-flare-900:$colors-solar-flare-900,
+  color-solar-flare-950:$colors-solar-flare-950,
+  color-gray-100:$colors-gray-100,
+  color-gray-200:$colors-gray-200,
+  color-gray-300:$colors-gray-300,
+  color-gray-400:$colors-gray-400,
+  color-gray-500:$colors-gray-500,
+  color-gray-600:$colors-gray-600,
+  color-gray-700:$colors-gray-700,
+  color-gray-800:$colors-gray-800,
+  color-gray-900:$colors-gray-900,
+  color-gray-950:$colors-gray-950,
+  color-yellow-100:$colors-yellow-100,
+  color-yellow-200:$colors-yellow-200,
+  color-yellow-300:$colors-yellow-300,
+  color-yellow-400:$colors-yellow-400,
+  color-yellow-500:$colors-yellow-500,
+  color-yellow-600:$colors-yellow-600,
+  color-yellow-700:$colors-yellow-700,
+  color-yellow-800:$colors-yellow-800,
+  color-yellow-900:$colors-yellow-900,
+  color-yellow-950:$colors-yellow-950,
+  color-orange-100:$colors-orange-100,
+  color-orange-200:$colors-orange-200,
+  color-orange-300:$colors-orange-300,
+  color-orange-400:$colors-orange-400,
+  color-orange-500:$colors-orange-500,
+  color-orange-600:$colors-orange-600,
+  color-orange-700:$colors-orange-700,
+  color-orange-800:$colors-orange-800,
+  color-orange-900:$colors-orange-900,
+  color-orange-950:$colors-orange-950,
+  color-lime-100:$colors-lime-100,
+  color-lime-200:$colors-lime-200,
+  color-lime-300:$colors-lime-300,
+  color-lime-400:$colors-lime-400,
+  color-lime-500:$colors-lime-500,
+  color-lime-600:$colors-lime-600,
+  color-lime-700:$colors-lime-700,
+  color-lime-800:$colors-lime-800,
+  color-lime-900:$colors-lime-900,
+  color-lime-950:$colors-lime-950,
+  color-green-100:$colors-green-100,
+  color-green-200:$colors-green-200,
+  color-green-300:$colors-green-300,
+  color-green-400:$colors-green-400,
+  color-green-500:$colors-green-500,
+  color-green-600:$colors-green-600,
+  color-green-700:$colors-green-700,
+  color-green-800:$colors-green-800,
+  color-green-900:$colors-green-900,
+  color-green-950:$colors-green-950,
+  color-teal-100:$colors-teal-100,
+  color-teal-200:$colors-teal-200,
+  color-teal-300:$colors-teal-300,
+  color-teal-400:$colors-teal-400,
+  color-teal-500:$colors-teal-500,
+  color-teal-600:$colors-teal-600,
+  color-teal-700:$colors-teal-700,
+  color-teal-800:$colors-teal-800,
+  color-teal-900:$colors-teal-900,
+  color-teal-950:$colors-teal-950,
+  color-steel-100:$colors-steel-100,
+  color-steel-200:$colors-steel-200,
+  color-steel-300:$colors-steel-300,
+  color-steel-400:$colors-steel-400,
+  color-steel-500:$colors-steel-500,
+  color-steel-600:$colors-steel-600,
+  color-steel-700:$colors-steel-700,
+  color-steel-800:$colors-steel-800,
+  color-steel-900:$colors-steel-900,
+  color-steel-950:$colors-steel-950,
+  color-pink-100:$colors-pink-100,
+  color-pink-200:$colors-pink-200,
+  color-pink-300:$colors-pink-300,
+  color-pink-400:$colors-pink-400,
+  color-pink-500:$colors-pink-500,
+  color-pink-600:$colors-pink-600,
+  color-pink-700:$colors-pink-700,
+  color-pink-800:$colors-pink-800,
+  color-pink-900:$colors-pink-900,
+  color-pink-950:$colors-pink-950,
+  color-red-100:$colors-red-100,
+  color-red-200:$colors-red-200,
+  color-red-300:$colors-red-300,
+  color-red-400:$colors-red-400,
+  color-red-500:$colors-red-500,
+  color-red-600:$colors-red-600,
+  color-red-700:$colors-red-700,
+  color-red-800:$colors-red-800,
+  color-red-900:$colors-red-900,
+  color-red-950:$colors-red-950,
+  color-purple-100:$colors-purple-100,
+  color-purple-200:$colors-purple-200,
+  color-purple-300:$colors-purple-300,
+  color-purple-400:$colors-purple-400,
+  color-purple-500:$colors-purple-500,
+  color-purple-600:$colors-purple-600,
+  color-purple-700:$colors-purple-700,
+  color-purple-800:$colors-purple-800,
+  color-purple-900:$colors-purple-900,
+  color-purple-950:$colors-purple-950,
+
+);

package/src/config/maps/themes/basic/palette/legacy/_legacy-pallete.scss

@@ -0,0 +1,82 @@
+// BASIC THEME LEGACY COLOR MAP: This partial defines the basic theme's legacy color map.
+// - Map include legacy color scope tokens.
+// - Its main Purpose is to cleanup non "VIBE" tokens from the Registration map ($theme-basic-colors).
+// - Map is collected into the $theme-basic-settings map and is interpolated into custom properties.
+// - Keys sort order is according to legacy tokens sort order.
+
+$theme-basic-legacy-palette: (
+  color-dark_marble: $color-dark_marble,
+  color-marble: $color-marble,
+  color-gainsboro: $color-gainsboro,
+  color-extra_light_gray: $color-extra_light_gray,
+  color-glitter: $color-glitter,
+  color-ultra_light_gray: $color-ultra_light_gray,
+  color-very_light_gray: $color-very_light_gray,
+  color-jaco_gray: $color-jaco_gray,
+  color-storm_gray: $color-storm_gray,
+  color-trolley-grey: $color-trolley-grey,
+  color-basic_light_blue: $color-basic_light_blue,
+  color-light_blue: $color-light_blue,
+  color-turquoise: $color-turquoise,
+  color-aqua: $color-aqua,
+  color-live_blue: $color-live_blue,
+  color-jeans: $color-jeans,
+  color-burned_eggplant: $color-burned_eggplant,
+  color-light-pink: $color-light-pink,
+  color-dark-pink: $color-dark-pink,
+  color-dark_red: $color-dark_red,
+  color-yellow: $color-yellow,
+  color-mustered: $color-mustered,
+  color-orange: $color-orange,
+  color-lime-green: $color-lime-green,
+  color-jade: $color-jade,
+  color-green-haze: $color-green-haze,
+  color-grass-green: $color-grass-green,
+  color-amethyst: $color-amethyst,
+  color-dark-purple: $color-dark-purple,
+  color-blue_links: $color-blue_links,
+  color-blue-links: $color-blue-links-alias,
+  color-private: $color-private,
+  color-public: $color-public,
+  color-board_views_grey: $color-board_views_grey,
+  color-board_views_grey_hover: $color-board_views_grey_hover,
+  color-board_views_blue: $color-board_views_blue,
+  color-board_views_blue_secondary: $color-board_views_blue_secondary,
+  color-border_light_gray: $color-border_light_gray,
+  color-brand-blue: $color-brand-blue,
+  color-brand-charcoal: $color-brand-charcoal,
+  color-brand-gold: $color-brand-gold,
+  color-brand-green: $color-brand-green,
+  color-brand-iris: $color-brand-iris,
+  color-brand-light-blue: $color-brand-light-blue,
+  color-brand-malachite: $color-brand-malachite,
+  color-brand-purple: $color-brand-purple,
+  color-brand-red: $color-brand-red,
+  color-deadline_upcoming_indication: $color-deadline_upcoming_indication,
+  color-default_group_color: $color-default_group_color,
+  color-form_btn_hover: $color-form_btn_hover,
+  color-form_purple: $color-form_purple,
+  color-highlight: $color-highlight,
+  color-green_shadow: $color-green_shadow,
+  color-green-shadow: $color-green-shadow-alias,
+  color-red_shadow: $color-red_shadow,
+  color-red-shadow: $color-red-shadow-alias,
+  color-pulse_bg: $color-pulse_bg,
+  color-pulse_text_color: $color-pulse_text_color,
+  color-placholder_gray: $color-placholder_gray,
+  color-placeholder_light_gray: $color-placeholder_light_gray,
+  color-excel-green: $color-excel-green,
+  color-media-blue: $color-media-blue,
+  color-pdf-red: $color-pdf-red,
+  color-ppt-orange: $color-ppt-orange,
+  color-word-blue: $color-word-blue,
+  color-zip-orange: $color-zip-orange,
+  color-like_red: $color-like_red,
+  color-scrollbar_gray: $color-scrollbar_gray,
+  color-timeline_grid_blue: $color-timeline_grid_blue,
+  color-timeline_blue: $color-timeline_blue,
+  color-highlight_blue-rgb: $color-highlight_blue-rgb,
+  color-snow_white-with-opacity: $color-snow_white-with-opacity,
+  color-wolf_gray-with-opacity: $color-wolf_gray-with-opacity,
+  color-asphalt-with-opacity: $color-asphalt-with-opacity
+);

package/src/config/maps/themes/black/keys/_black-theme-keys.scss

@@ -0,0 +1,70 @@
+// BLACK THEME COLOR KEYS MAP: This partial defines the black theme's keys color map.
+// - Map include semantic color keys scope tokens.
+// - Map is collected into the $theme-black-settings map and is interpolated into custom properties.
+
+$theme-black-keys: (
+  primary-color: $theme-black-primary-color,
+  primary-on-secondary-color: $theme-black-primary-on-secondary-color,
+  primary-hover-color: $theme-black-primary-hover-color,
+  surface-selected: $theme-black-surface-selected,
+  primary-selected-hover-color: $theme-black-primary-selected-hover-color,
+  primary-highlighted-color: $theme-black-primary-highlighted-color,
+  text-primary: $theme-black-text-primary,
+  text-secondary: $theme-black-text-secondary,
+  text-tertiary: $theme-black-text-tertiary,
+  text-color-on-primary: $theme-black-text-color-on-primary,
+  text-color-on-inverted: $theme-black-text-color-on-inverted,
+  placeholder-color: $theme-black-placeholder-color,
+  icon-primary: $theme-black-icon-primary,
+  link-color: $theme-black-link-color,
+  fixed-light-color: $theme-black-fixed-light-color,
+  fixed-dark-color: $theme-black-fixed-dark-color,
+  surface-primary: $theme-black-surface-primary,
+  surface-primary-hover: $theme-black-surface-primary-hover,
+  surface-secondary: $theme-black-surface-secondary,
+  surface-tertiary: $theme-black-surface-tertiary,
+  surface-quaternary: $theme-black-surface-quaternary,
+  surface-inverse: $theme-black-surface-inverse,
+  surface-success: $theme-black-surface-success,
+  surface-alert: $theme-black-surface-alert,
+  surface-warning: $theme-black-surface-warning,
+  disabled-text-color: $theme-black-disabled-text-color,
+  disabled-background-color: $theme-black-disabled-background-color,
+  positive-color: $theme-black-positive-color,
+  positive-color-hover: $theme-black-positive-color-hover,
+  positive-color-selected: $theme-black-positive-color-selected,
+  positive-color-selected-hover: $theme-black-positive-color-selected-hover,
+  positive-color-background: $theme-black-positive-color-background,
+  negative-color: $theme-black-negative-color,
+  negative-color-hover: $theme-black-negative-color-hover,
+  negative-color-selected: $theme-black-negative-color-selected,
+  negative-color-selected-hover: $theme-black-negative-color-selected-hover,
+  negative-color-background: $theme-black-negative-color-background,
+  divider-primary: $theme-black-divider-primary,
+  divider-secondary: $theme-black-divider-secondary,
+  divider-overlay: $theme-black-divider-overlay,
+  divider-halo: $theme-black-divider-halo,
+  divider-selected: $theme-black-divider-selected,
+  warning-color: $theme-black-warning-color,
+  warning-color-hover: $theme-black-warning-color-hover,
+  warning-color-selected: $theme-black-warning-color-selected,
+  warning-color-selected-hover: $theme-black-warning-color-selected-hover,
+  warning-color-background: $theme-black-warning-color-background,
+  brand-color: $theme-black-primary-color,
+  brand-hover-color: $theme-black-primary-hover-color,
+  brand-selected-color: $theme-black-surface-selected,
+  brand-selected-hover-color: $theme-black-primary-selected-hover-color,
+  text-color-on-brand: $theme-black-text-color-on-primary
+);
+
+// DARK THEME SHADOW MAP: dark theme's shadow color map.
+// - Map include shadow scope tokens.
+// - Map is collected into the $theme-black-settings map and is interpolated into custom properties.
+
+$theme-black-shadow-keys: (
+  box-shadow-xs: $theme-black-box-shadow-xs,
+  box-shadow-small: $theme-black-box-shadow-small,
+  box-shadow-medium: $theme-black-box-shadow-medium,
+  box-shadow-large: $theme-black-box-shadow-large,
+  shadow-color: $theme-black-box-shadow-color
+);

package/src/config/maps/themes/black/keys/legacy/_black-theme-legacy-keys.scss

@@ -0,0 +1,33 @@
+// BLACK THEME LEGACY KEYS MAP: This partial defines the black theme's legacy keys color map.
+// - Map include legacy keys scope tokens.
+// - Its main Purpose is to separate legacy tokens to registration tokens and key tokens.
+// - This map is for Key Tokens.
+//   - Legacy Key tokens are aliases of registration tokens or content color tokens with a semantic meaning.
+// - Map is collected into the $theme-dark-settings map and is interpolated into custom properties.
+
+$theme-black-legacy-keys: (
+  primary-on-secondary-color: $theme-black-primary-on-secondary-color,
+  primary-hover-on-secondary-color: $theme-black-primary-hover-on-secondary-color,
+  surface-selected-rgb: $theme-black-surface-selected-rgb,
+  primary-selected-on-secondary-color: $theme-black-primary-selected-on-secondary-color,
+  primary-text-on-secondary-color: $theme-black-primary-text-on-secondary-color,
+  surface-primary-rgb: $theme-black-surface-primary-rgb,
+  primary-background-hover-on-secondary-color: $theme-black-primary-background-hover-on-secondary-color,
+  surface-secondary-rgb: $theme-black-surface-secondary-rgb,
+  text-tertiary: $theme-black-text-tertiary,
+  link-on-secondary-color: $theme-black-link-on-secondary-color,
+  modal-background-color: $theme-black-modal-background-color,
+  dark-background-color: $theme-black-dark-background-color,
+  dark-background-on-secondary-color: $theme-black-dark-background-on-secondary-color,
+  dialog-background-color: $theme-black-dialog-background-color,
+  label-background-color: $theme-black-label-background-color,
+  label-background-on-secondary-color: $theme-black-label-background-on-secondary-color,
+  icon-on-secondary-color: $theme-black-icon-on-secondary-color,
+  placeholder-color-with-opacity: $theme-black-placeholder-color-with-opacity,
+  placeholder-on-secondary-color: $theme-black-placeholder-on-secondary-color,
+  ui-border-on-secondary-color: $theme-black-ui-border-on-secondary-color,
+  layout-border-on-secondary-color: $theme-black-layout-border-on-secondary-color,
+  disabled-background-on-secondary-color: $theme-black-disabled-background-on-secondary-color,
+  disabled-text-on-secondary-color: $theme-black-disabled-text-on-secondary-color,
+  box-shadow-mediun: $box-shadow-mediun
+);