ui-primitives 9.30.0 → 9.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "ui-primitives",
-    "version": "9.30.0",
+    "version": "9.31.0",
     "description": "UI primitives for sharing between platforms in Design System Team projects",
     "keywords": [
         "design",

package/styles/colors_addons.json

@@ -450,12 +450,6 @@
 		"alias": "staticGraphicBlueChill",
 		"deprecated": true
 	},
-	"static_graphic_blue_maya_old": {
-		"rgba": "rgba(126, 179, 255, 1)",
-		"hex": "#7eb3ff",
-		"alias": "staticGraphicColorMaya",
-		"deprecated": true
-	},
 	"static_graphic_boulder_old": {
 		"rgba": "rgba(122, 122, 122, 1)",
 		"hex": "#7a7a7a",
@@ -528,6 +522,12 @@
 		"alias": "staticGraphicMatisse",
 		"deprecated": true
 	},
+	"static_graphic_maya": {
+		"rgba": "rgba(126, 179, 255, 1)",
+		"hex": "#7eb3ff",
+		"alias": "staticGraphicColorMaya",
+		"deprecated": true
+	},
 	"static_graphic_milano_red_old": {
 		"rgba": "rgba(205, 21, 1, 1)",
 		"hex": "#cd1501",
@@ -552,7 +552,7 @@
 		"alias": "staticGraphicOlivine",
 		"deprecated": true
 	},
-	"static_graphic_persimmon_old": {
+	"static_graphic_permission": {
 		"rgba": "rgba(255, 92, 92, 1)",
 		"hex": "#ff5c5c",
 		"alias": "staticGraphicColorPermission",
@@ -588,7 +588,7 @@
 		"alias": "staticGraphicSaffron",
 		"deprecated": true
 	},
-	"static_graphic_sandy_brown_old": {
+	"static_graphic_sandybrown_old": {
 		"rgba": "rgba(243, 143, 111, 1)",
 		"hex": "#f38f6f",
 		"alias": "staticGraphicSandybrown",

package/styles/colors_bluetint.json

@@ -739,45 +739,21 @@
 		"hex": "#59e9e9fb",
 		"alias": "staticTextColorTertiaryLight"
 	},
-	"dark_bg_info_old": {
-		"rgba": "rgba(0, 28, 60, 1)",
-		"hex": "#001c3c",
-		"alias": "backgroundColorLinkMuted",
-		"deprecated": true
-	},
-	"dark_bg_overlay_old": {
-		"rgba": "rgba(0, 0, 0, 0.8)",
-		"hex": "#cc000000",
-		"alias": "specialBackgroundColorOverlay",
-		"deprecated": true
-	},
-	"dark_specialbg_component_old": {
+	"dark_bg_component": {
 		"rgba": "rgba(255, 255, 255, 0.1)",
 		"hex": "#1affffff",
 		"alias": "backgroundColorComponent",
 		"deprecated": true
 	},
-	"dark_specialbg_component_inverted_old": {
+	"dark_bg_component_inverted": {
 		"rgba": "rgba(0, 0, 0, 0.08)",
 		"hex": "#14000000",
 		"alias": "backgroundColorComponentInverted",
 		"deprecated": true
 	},
-	"static_text_secondary_light_transparent_old": {
-		"rgba": "rgba(235, 235, 245, 0.6)",
-		"hex": "#99ebebf5",
-		"alias": "staticTextColorSecondaryLightTransparent",
-		"deprecated": true
-	},
-	"static_text_tertiary_light_transparent_old": {
-		"rgba": "rgba(235, 235, 245, 0.3)",
-		"hex": "#4debebf5",
-		"alias": "staticTextColorTertiaryLightTransparent",
-		"deprecated": true
-	},
-	"light_bg_info_old": {
-		"rgba": "rgba(214, 232, 252, 1)",
-		"hex": "#d6e8fc",
+	"dark_bg_link_muted": {
+		"rgba": "rgba(0, 28, 60, 1)",
+		"hex": "#001c3c",
 		"alias": "backgroundColorLinkMuted",
 		"deprecated": true
 	},
@@ -787,24 +763,174 @@
 		"alias": "backgroundColorNeutral",
 		"deprecated": true
 	},
+	"dark_bg_nulled": {
+		"rgba": "rgba(0, 0, 0, 0)",
+		"hex": "#00000000",
+		"alias": "backgroundColorNulled",
+		"deprecated": true
+	},
+	"dark_bg_primary_grouped": {
+		"rgba": "rgba(26, 26, 29, 1)",
+		"hex": "#1a1a1d",
+		"alias": "backgroundColorPrimaryGrouped",
+		"deprecated": true
+	},
+	"dark_bg_secondary_grouped": {
+		"rgba": "rgba(42, 42, 46, 1)",
+		"hex": "#2a2a2e",
+		"alias": "backgroundColorSecondaryGrouped",
+		"deprecated": true
+	},
+	"dark_bg_tertiary_grouped": {
+		"rgba": "rgba(64, 64, 69, 1)",
+		"hex": "#404045",
+		"alias": "backgroundColorTertiaryGrouped",
+		"deprecated": true
+	},
 	"dark_graphic_neutral": {
 		"rgba": "rgba(42, 42, 44, 1)",
 		"hex": "#2a2a2c",
 		"alias": "graphicColorNeutral",
 		"deprecated": true
 	},
+	"dark_specialbg_overlay": {
+		"rgba": "rgba(0, 0, 0, 0.8)",
+		"hex": "#cc000000",
+		"alias": "specialBackgroundColorOverlay",
+		"deprecated": true
+	},
+	"dark_text_disabled_transparent": {
+		"rgba": "rgba(220, 220, 243, 0.14)",
+		"hex": "#24dcdcf3",
+		"alias": "textColorDisabledTransparent",
+		"deprecated": true
+	},
+	"dark_text_secondary_inverted_transparent": {
+		"rgba": "rgba(3, 3, 16, 0.56)",
+		"hex": "#8f030310",
+		"alias": "textColorSecondaryInvertedTransparent",
+		"deprecated": true
+	},
+	"dark_text_secondary_transparent": {
+		"rgba": "rgba(239, 239, 254, 0.53)",
+		"hex": "#87efeffe",
+		"alias": "textColorSecondaryTransparent",
+		"deprecated": true
+	},
+	"dark_text_tertiary_inverted_transparent": {
+		"rgba": "rgba(1, 1, 18, 0.41)",
+		"hex": "#69010112",
+		"alias": "textColorTertiaryInvertedTransparent",
+		"deprecated": true
+	},
+	"dark_text_tertiary_transparent": {
+		"rgba": "rgba(233, 233, 251, 0.35)",
+		"hex": "#59e9e9fb",
+		"alias": "textColorTertiaryTransparent",
+		"deprecated": true
+	},
+	"light_bg_component": {
+		"rgba": "rgba(19, 19, 73, 0.11)",
+		"hex": "#1c131349",
+		"alias": "backgroundColorComponent",
+		"deprecated": true
+	},
+	"light_bg_component_inverted": {
+		"rgba": "rgba(223, 223, 246, 0.13)",
+		"hex": "#21dfdff6",
+		"alias": "backgroundColorComponentInverted",
+		"deprecated": true
+	},
+	"light_bg_link_muted": {
+		"rgba": "rgba(214, 232, 252, 1)",
+		"hex": "#d6e8fc",
+		"alias": "backgroundColorLinkMuted",
+		"deprecated": true
+	},
 	"light_bg_neutral": {
 		"rgba": "rgba(220, 220, 221, 1)",
 		"hex": "#dcdcdd",
 		"alias": "backgroundColorNeutral",
 		"deprecated": true
 	},
+	"light_bg_nulled": {
+		"rgba": "rgba(0, 0, 0, 0)",
+		"hex": "#00000000",
+		"alias": "backgroundColorNulled",
+		"deprecated": true
+	},
+	"light_bg_primary_grouped": {
+		"rgba": "rgba(242, 242, 246, 1)",
+		"hex": "#f2f2f6",
+		"alias": "backgroundColorPrimaryGrouped",
+		"deprecated": true
+	},
+	"light_bg_secondary_grouped": {
+		"rgba": "rgba(255, 255, 255, 1)",
+		"hex": "#ffffff",
+		"alias": "backgroundColorSecondaryGrouped",
+		"deprecated": true
+	},
+	"light_bg_tertiary_grouped": {
+		"rgba": "rgba(242, 242, 246, 1)",
+		"hex": "#f2f2f6",
+		"alias": "backgroundColorTertiaryGrouped",
+		"deprecated": true
+	},
 	"light_graphic_neutral": {
 		"rgba": "rgba(220, 220, 221, 1)",
 		"hex": "#dcdcdd",
 		"alias": "graphicColorNeutral",
 		"deprecated": true
 	},
+	"light_specialbg_overlay": {
+		"rgba": "rgba(0, 0, 0, 0.6)",
+		"hex": "#99000000",
+		"alias": "specialBackgroundColorOverlay",
+		"deprecated": true
+	},
+	"light_text_disabled_transparent": {
+		"rgba": "rgba(1, 1, 24, 0.26)",
+		"hex": "#42010118",
+		"alias": "textColorDisabledTransparent",
+		"deprecated": true
+	},
+	"light_text_secondary_inverted_transparent": {
+		"rgba": "rgba(239, 239, 254, 0.53)",
+		"hex": "#87efeffe",
+		"alias": "textColorSecondaryInvertedTransparent",
+		"deprecated": true
+	},
+	"light_text_secondary_transparent": {
+		"rgba": "rgba(3, 3, 16, 0.56)",
+		"hex": "#8f030310",
+		"alias": "textColorSecondaryTransparent",
+		"deprecated": true
+	},
+	"light_text_tertiary_inverted_transparent": {
+		"rgba": "rgba(233, 233, 251, 0.35)",
+		"hex": "#59e9e9fb",
+		"alias": "textColorTertiaryInvertedTransparent",
+		"deprecated": true
+	},
+	"light_text_tertiary_transparent": {
+		"rgba": "rgba(1, 1, 18, 0.41)",
+		"hex": "#69010112",
+		"alias": "textColorTertiaryTransparent",
+		"deprecated": true
+	},
+	"static_bg_dark": {
+		"rgba": "rgba(0, 0, 0, 1)",
+		"hex": "#000000",
+		"alias": "staticBackgroundColorDark",
+		"deprecated": true
+	},
+	"static_bg_light": {
+		"rgba": "rgba(255, 255, 255, 1)",
+		"hex": "#ffffff",
+		"alias": "staticBackgroundColorLight",
+		"deprecated": true
+	},
 	"static_bg_neutral_dark": {
 		"rgba": "rgba(58, 58, 60, 1)",
 		"hex": "#3a3a3c",
@@ -816,5 +942,29 @@
 		"hex": "#dcdcdd",
 		"alias": "staticBackgroundColorNeutralLight",
 		"deprecated": true
+	},
+	"static_text_secondary_dark_transparent": {
+		"rgba": "rgba(3, 3, 16, 0.56)",
+		"hex": "#8f030310",
+		"alias": "staticTextColorSecondaryDarkTransparent",
+		"deprecated": true
+	},
+	"static_text_secondary_light_transparent": {
+		"rgba": "rgba(235, 235, 245, 0.6)",
+		"hex": "#99ebebf5",
+		"alias": "staticTextColorSecondaryLightTransparent",
+		"deprecated": true
+	},
+	"static_text_tertiary_dark_transparent": {
+		"rgba": "rgba(1, 1, 18, 0.41)",
+		"hex": "#69010112",
+		"alias": "staticTextColorTertiaryDarkTransparent",
+		"deprecated": true
+	},
+	"static_text_tertiary_light_transparent": {
+		"rgba": "rgba(235, 235, 245, 0.3)",
+		"hex": "#4debebf5",
+		"alias": "staticTextColorTertiaryLightTransparent",
+		"deprecated": true
 	}
 }

package/styles/colors_indigo.json

@@ -739,86 +739,232 @@
 		"hex": "#66ffffff",
 		"alias": "staticTextColorTertiaryLight"
 	},
-	"dark_bg_info_old": {
-		"rgba": "rgba(0, 28, 60, 1)",
-		"hex": "#001c3c",
-		"alias": "backgroundColorLinkMuted",
-		"deprecated": true
-	},
-	"dark_specialbg_component_old": {
+	"dark_bg_component": {
 		"rgba": "rgba(255, 255, 255, 0.15)",
 		"hex": "#26ffffff",
 		"alias": "backgroundColorComponent",
 		"deprecated": true
 	},
-	"dark_specialbg_component_inverted_old": {
+	"dark_bg_component_inverted": {
 		"rgba": "rgba(11, 31, 53, 0.07)",
 		"hex": "#120b1f35",
 		"alias": "backgroundColorComponentInverted",
 		"deprecated": true
 	},
-	"dark_specialbg_nulled_old": {
+	"dark_bg_link_muted": {
+		"rgba": "rgba(0, 28, 60, 1)",
+		"hex": "#001c3c",
+		"alias": "backgroundColorLinkMuted",
+		"deprecated": true
+	},
+	"dark_bg_neutral": {
+		"rgba": "rgba(72, 87, 103, 1)",
+		"hex": "#485767",
+		"alias": "backgroundColorNeutral",
+		"deprecated": true
+	},
+	"dark_bg_nulled": {
 		"rgba": "rgba(11, 31, 53, 0)",
 		"hex": "#000b1f35",
 		"alias": "backgroundColorNulled",
 		"deprecated": true
 	},
-	"dark_specialbg_primary_grouped_old": {
+	"dark_bg_primary_grouped": {
 		"rgba": "rgba(11, 31, 53, 1)",
 		"hex": "#0b1f35",
 		"alias": "backgroundColorPrimaryGrouped",
 		"deprecated": true
 	},
-	"dark_specialbg_secondary_grouped_old": {
+	"dark_bg_secondary_grouped": {
 		"rgba": "rgba(35, 53, 73, 1)",
 		"hex": "#233549",
 		"alias": "backgroundColorSecondaryGrouped",
 		"deprecated": true
 	},
-	"dark_specialbg_tertiary_grouped_old": {
+	"dark_bg_tertiary_grouped": {
 		"rgba": "rgba(60, 76, 93, 1)",
 		"hex": "#3c4c5d",
 		"alias": "backgroundColorTertiaryGrouped",
 		"deprecated": true
 	},
-	"light_bg_info_old": {
+	"dark_graphic_neutral": {
+		"rgba": "rgba(72, 87, 103, 1)",
+		"hex": "#485767",
+		"alias": "graphicColorNeutral",
+		"deprecated": true
+	},
+	"dark_specialbg_overlay": {
+		"rgba": "rgba(0, 0, 0, 0.6)",
+		"hex": "#99000000",
+		"alias": "specialBackgroundColorOverlay",
+		"deprecated": true
+	},
+	"dark_text_disabled_transparent": {
+		"rgba": "rgba(255, 255, 255, 0.25)",
+		"hex": "#40ffffff",
+		"alias": "textColorDisabledTransparent",
+		"deprecated": true
+	},
+	"dark_text_secondary_inverted_transparent": {
+		"rgba": "rgba(11, 31, 53, 0.7)",
+		"hex": "#b30b1f35",
+		"alias": "textColorSecondaryInvertedTransparent",
+		"deprecated": true
+	},
+	"dark_text_secondary_transparent": {
+		"rgba": "rgba(255, 255, 255, 0.7)",
+		"hex": "#b3ffffff",
+		"alias": "textColorSecondaryTransparent",
+		"deprecated": true
+	},
+	"dark_text_tertiary_inverted_transparent": {
+		"rgba": "rgba(11, 31, 53, 0.3)",
+		"hex": "#4d0b1f35",
+		"alias": "textColorTertiaryInvertedTransparent",
+		"deprecated": true
+	},
+	"dark_text_tertiary_transparent": {
+		"rgba": "rgba(255, 255, 255, 0.4)",
+		"hex": "#66ffffff",
+		"alias": "textColorTertiaryTransparent",
+		"deprecated": true
+	},
+	"light_bg_component": {
+		"rgba": "rgba(11, 31, 53, 0.07)",
+		"hex": "#120b1f35",
+		"alias": "backgroundColorComponent",
+		"deprecated": true
+	},
+	"light_bg_component_inverted": {
+		"rgba": "rgba(255, 255, 255, 0.15)",
+		"hex": "#26ffffff",
+		"alias": "backgroundColorComponentInverted",
+		"deprecated": true
+	},
+	"light_bg_link_muted": {
 		"rgba": "rgba(214, 232, 252, 1)",
 		"hex": "#d6e8fc",
 		"alias": "backgroundColorLinkMuted",
 		"deprecated": true
 	},
+	"light_bg_neutral": {
+		"rgba": "rgba(219, 222, 225, 1)",
+		"hex": "#dbdee1",
+		"alias": "backgroundColorNeutral",
+		"deprecated": true
+	},
+	"light_bg_nulled": {
+		"rgba": "rgba(11, 31, 53, 0)",
+		"hex": "#000b1f35",
+		"alias": "backgroundColorNulled",
+		"deprecated": true
+	},
+	"light_bg_primary_grouped": {
+		"rgba": "rgba(243, 244, 245, 1)",
+		"hex": "#f3f4f5",
+		"alias": "backgroundColorPrimaryGrouped",
+		"deprecated": true
+	},
+	"light_bg_secondary_grouped": {
+		"rgba": "rgba(255, 255, 255, 1)",
+		"hex": "#ffffff",
+		"alias": "backgroundColorSecondaryGrouped",
+		"deprecated": true
+	},
+	"light_bg_tertiary_grouped": {
+		"rgba": "rgba(243, 244, 245, 1)",
+		"hex": "#f3f4f5",
+		"alias": "backgroundColorTertiaryGrouped",
+		"deprecated": true
+	},
+	"light_graphic_neutral": {
+		"rgba": "rgba(219, 222, 225, 1)",
+		"hex": "#dbdee1",
+		"alias": "graphicColorNeutral",
+		"deprecated": true
+	},
+	"light_specialbg_overlay": {
+		"rgba": "rgba(0, 0, 0, 0.6)",
+		"hex": "#99000000",
+		"alias": "specialBackgroundColorOverlay",
+		"deprecated": true
+	},
+	"light_text_disabled_transparent": {
+		"rgba": "rgba(11, 31, 53, 0.15)",
+		"hex": "#260b1f35",
+		"alias": "textColorDisabledTransparent",
+		"deprecated": true
+	},
+	"light_text_secondary_inverted_transparent": {
+		"rgba": "rgba(255, 255, 255, 0.7)",
+		"hex": "#b3ffffff",
+		"alias": "textColorSecondaryInvertedTransparent",
+		"deprecated": true
+	},
+	"light_text_secondary_transparent": {
+		"rgba": "rgba(11, 31, 53, 0.7)",
+		"hex": "#b30b1f35",
+		"alias": "textColorSecondaryTransparent",
+		"deprecated": true
+	},
+	"light_text_tertiary_inverted_transparent": {
+		"rgba": "rgba(255, 255, 255, 0.4)",
+		"hex": "#66ffffff",
+		"alias": "textColorTertiaryInvertedTransparent",
+		"deprecated": true
+	},
+	"light_text_tertiary_transparent": {
+		"rgba": "rgba(11, 31, 53, 0.3)",
+		"hex": "#4d0b1f35",
+		"alias": "textColorTertiaryTransparent",
+		"deprecated": true
+	},
 	"static_bg_dark": {
 		"rgba": "rgba(0, 0, 0, 1)",
 		"hex": "#000000",
+		"alias": "staticBackgroundColorDark",
 		"deprecated": true
 	},
 	"static_bg_light": {
 		"rgba": "rgba(255, 255, 255, 1)",
 		"hex": "#ffffff",
+		"alias": "staticBackgroundColorLight",
 		"deprecated": true
 	},
-	"dark_bg_neutral": {
-		"rgba": "rgba(72, 87, 103, 1)",
-		"hex": "#485767",
-		"alias": "backgroundColorNeutral",
-		"deprecated": true
-	},
-	"dark_graphic_neutral": {
+	"static_bg_neutral_dark": {
 		"rgba": "rgba(72, 87, 103, 1)",
 		"hex": "#485767",
-		"alias": "graphicColorNeutral",
+		"alias": "staticBackgroundColorNeutralDark",
 		"deprecated": true
 	},
-	"light_bg_neutral": {
+	"static_bg_neutral_light": {
 		"rgba": "rgba(219, 222, 225, 1)",
 		"hex": "#dbdee1",
-		"alias": "backgroundColorNeutral",
+		"alias": "staticBackgroundColorNeutralLight",
 		"deprecated": true
 	},
-	"light_graphic_neutral": {
-		"rgba": "rgba(219, 222, 225, 1)",
-		"hex": "#dbdee1",
-		"alias": "graphicColorNeutral",
+	"static_text_secondary_dark_transparent": {
+		"rgba": "rgba(11, 31, 53, 0.6)",
+		"hex": "#990b1f35",
+		"alias": "staticTextColorSecondaryDarkTransparent",
+		"deprecated": true
+	},
+	"static_text_secondary_light_transparent": {
+		"rgba": "rgba(255, 255, 255, 0.7)",
+		"hex": "#b3ffffff",
+		"alias": "staticTextColorSecondaryLightTransparent",
+		"deprecated": true
+	},
+	"static_text_tertiary_dark_transparent": {
+		"rgba": "rgba(11, 31, 53, 0.3)",
+		"hex": "#4d0b1f35",
+		"alias": "staticTextColorTertiaryDarkTransparent",
+		"deprecated": true
+	},
+	"static_text_tertiary_light_transparent": {
+		"rgba": "rgba(255, 255, 255, 0.4)",
+		"hex": "#66ffffff",
+		"alias": "staticTextColorTertiaryLightTransparent",
 		"deprecated": true
 	}
 }