@nova-design-system/nova-base 3.29.0 → 3.31.0

package/dist/generated/nova-tailwind-tokens.js

@@ -88,6 +88,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-feedback-error-low': {
         'border-color': 'var(--color-feedback-error-low-border)'
     },
+    '.border-feedback-error-low-subtle': {
+        'border-color': 'var(--color-feedback-error-low-border-subtle)'
+    },
     '.icon-feedback-error-low': {
         'color': 'var(--color-feedback-error-low-icon)'
     },
@@ -124,6 +127,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-feedback-information-low': {
         'border-color': 'var(--color-feedback-information-low-border)'
     },
+    '.border-feedback-information-low-subtle': {
+        'border-color': 'var(--color-feedback-information-low-border-subtle)'
+    },
     '.icon-feedback-information-low': {
         'color': 'var(--color-feedback-information-low-icon)'
     },
@@ -160,6 +166,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-feedback-neutral-low': {
         'border-color': 'var(--color-feedback-neutral-low-border)'
     },
+    '.border-feedback-neutral-low-subtle': {
+        'border-color': 'var(--color-feedback-neutral-low-border-subtle)'
+    },
     '.icon-feedback-neutral-low': {
         'color': 'var(--color-feedback-neutral-low-icon)'
     },
@@ -196,6 +205,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-feedback-success-low': {
         'border-color': 'var(--color-feedback-success-low-border)'
     },
+    '.border-feedback-success-low-subtle': {
+        'border-color': 'var(--color-feedback-success-low-border-subtle)'
+    },
     '.icon-feedback-success-low': {
         'color': 'var(--color-feedback-success-low-icon)'
     },
@@ -232,6 +244,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-feedback-warning-low': {
         'border-color': 'var(--color-feedback-warning-low-border)'
     },
+    '.border-feedback-warning-low-subtle': {
+        'border-color': 'var(--color-feedback-warning-low-border-subtle)'
+    },
     '.icon-feedback-warning-low': {
         'color': 'var(--color-feedback-warning-low-icon)'
     },
@@ -472,6 +487,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-1': {
         'border-color': 'var(--color-rainbow-1-border)'
     },
+    '.border-rainbow-1-light': {
+        'border-color': 'var(--color-rainbow-1-border-light)'
+    },
     '.icon-rainbow-1': {
         'color': 'var(--color-rainbow-1-icon)'
     },
@@ -484,6 +502,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-10': {
         'border-color': 'var(--color-rainbow-10-border)'
     },
+    '.border-rainbow-10-light': {
+        'border-color': 'var(--color-rainbow-10-border-light)'
+    },
     '.icon-rainbow-10': {
         'color': 'var(--color-rainbow-10-icon)'
     },
@@ -496,6 +517,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-2': {
         'border-color': 'var(--color-rainbow-2-border)'
     },
+    '.border-rainbow-2-light': {
+        'border-color': 'var(--color-rainbow-2-border-light)'
+    },
     '.icon-rainbow-2': {
         'color': 'var(--color-rainbow-2-icon)'
     },
@@ -508,6 +532,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-3': {
         'border-color': 'var(--color-rainbow-3-border)'
     },
+    '.border-rainbow-3-light': {
+        'border-color': 'var(--color-rainbow-3-border-light)'
+    },
     '.icon-rainbow-3': {
         'color': 'var(--color-rainbow-3-icon)'
     },
@@ -520,6 +547,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-4': {
         'border-color': 'var(--color-rainbow-4-border)'
     },
+    '.border-rainbow-4-light': {
+        'border-color': 'var(--color-rainbow-4-border-light)'
+    },
     '.icon-rainbow-4': {
         'color': 'var(--color-rainbow-4-icon)'
     },
@@ -532,6 +562,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-5': {
         'border-color': 'var(--color-rainbow-5-border)'
     },
+    '.border-rainbow-5-light': {
+        'border-color': 'var(--color-rainbow-5-border-light)'
+    },
     '.icon-rainbow-5': {
         'color': 'var(--color-rainbow-5-icon)'
     },
@@ -544,6 +577,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-6': {
         'border-color': 'var(--color-rainbow-6-border)'
     },
+    '.border-rainbow-6-light': {
+        'border-color': 'var(--color-rainbow-6-border-light)'
+    },
     '.icon-rainbow-6': {
         'color': 'var(--color-rainbow-6-icon)'
     },
@@ -556,6 +592,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-7': {
         'border-color': 'var(--color-rainbow-7-border)'
     },
+    '.border-rainbow-7-light': {
+        'border-color': 'var(--color-rainbow-7-border-light)'
+    },
     '.icon-rainbow-7': {
         'color': 'var(--color-rainbow-7-icon)'
     },
@@ -568,6 +607,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-8': {
         'border-color': 'var(--color-rainbow-8-border)'
     },
+    '.border-rainbow-8-light': {
+        'border-color': 'var(--color-rainbow-8-border-light)'
+    },
     '.icon-rainbow-8': {
         'color': 'var(--color-rainbow-8-icon)'
     },
@@ -580,6 +622,9 @@ export const NOVA_TAILWIND_TOKENS = {
     '.border-rainbow-9': {
         'border-color': 'var(--color-rainbow-9-border)'
     },
+    '.border-rainbow-9-light': {
+        'border-color': 'var(--color-rainbow-9-border-light)'
+    },
     '.icon-rainbow-9': {
         'color': 'var(--color-rainbow-9-icon)'
     },

package/dist/js/ocean_dark.d.ts

@@ -131,6 +131,7 @@ export const ColorFeedbackInformationHighIcon : string;
 export const ColorFeedbackInformationHighText : string;
 export const ColorFeedbackInformationLowBackground : string;
 export const ColorFeedbackInformationLowBorder : string;
+export const ColorFeedbackInformationLowBorderSubtle : string;
 export const ColorFeedbackInformationLowIcon : string;
 export const ColorFeedbackInformationLowText : string;
 export const ColorFeedbackInformationHighContrastBackground : string;
@@ -144,6 +145,7 @@ export const ColorFeedbackErrorHighIcon : string;
 export const ColorFeedbackErrorHighText : string;
 export const ColorFeedbackErrorLowBackground : string;
 export const ColorFeedbackErrorLowBorder : string;
+export const ColorFeedbackErrorLowBorderSubtle : string;
 export const ColorFeedbackErrorLowIcon : string;
 export const ColorFeedbackErrorLowText : string;
 export const ColorFeedbackErrorHighContrastBackground : string;
@@ -157,6 +159,7 @@ export const ColorFeedbackNeutralHighIcon : string;
 export const ColorFeedbackNeutralHighText : string;
 export const ColorFeedbackNeutralLowBackground : string;
 export const ColorFeedbackNeutralLowBorder : string;
+export const ColorFeedbackNeutralLowBorderSubtle : string;
 export const ColorFeedbackNeutralLowIcon : string;
 export const ColorFeedbackNeutralLowText : string;
 export const ColorFeedbackNeutralHighContrastBackground : string;
@@ -170,6 +173,7 @@ export const ColorFeedbackWarningHighIcon : string;
 export const ColorFeedbackWarningHighText : string;
 export const ColorFeedbackWarningLowBackground : string;
 export const ColorFeedbackWarningLowBorder : string;
+export const ColorFeedbackWarningLowBorderSubtle : string;
 export const ColorFeedbackWarningLowIcon : string;
 export const ColorFeedbackWarningLowText : string;
 export const ColorFeedbackWarningHighContrastBackground : string;
@@ -183,6 +187,7 @@ export const ColorFeedbackSuccessHighIcon : string;
 export const ColorFeedbackSuccessHighText : string;
 export const ColorFeedbackSuccessLowBackground : string;
 export const ColorFeedbackSuccessLowBorder : string;
+export const ColorFeedbackSuccessLowBorderSubtle : string;
 export const ColorFeedbackSuccessLowIcon : string;
 export const ColorFeedbackSuccessLowText : string;
 export const ColorFeedbackSuccessHighContrastBackground : string;
@@ -198,42 +203,52 @@ export const ColorFocusDestructiveInField : string;
 export const ColorFocusSuccess : string;
 export const ColorRainbow1Background : string;
 export const ColorRainbow1Border : string;
+export const ColorRainbow1BorderLight : string;
 export const ColorRainbow1Icon : string;
 export const ColorRainbow1Text : string;
 export const ColorRainbow2Background : string;
 export const ColorRainbow2Border : string;
+export const ColorRainbow2BorderLight : string;
 export const ColorRainbow2Icon : string;
 export const ColorRainbow2Text : string;
 export const ColorRainbow3Background : string;
 export const ColorRainbow3Border : string;
+export const ColorRainbow3BorderLight : string;
 export const ColorRainbow3Icon : string;
 export const ColorRainbow3Text : string;
 export const ColorRainbow4Background : string;
 export const ColorRainbow4Border : string;
+export const ColorRainbow4BorderLight : string;
 export const ColorRainbow4Icon : string;
 export const ColorRainbow4Text : string;
 export const ColorRainbow5Background : string;
 export const ColorRainbow5Border : string;
+export const ColorRainbow5BorderLight : string;
 export const ColorRainbow5Icon : string;
 export const ColorRainbow5Text : string;
 export const ColorRainbow6Background : string;
 export const ColorRainbow6Border : string;
+export const ColorRainbow6BorderLight : string;
 export const ColorRainbow6Icon : string;
 export const ColorRainbow6Text : string;
 export const ColorRainbow7Background : string;
 export const ColorRainbow7Border : string;
+export const ColorRainbow7BorderLight : string;
 export const ColorRainbow7Icon : string;
 export const ColorRainbow7Text : string;
 export const ColorRainbow8Background : string;
 export const ColorRainbow8Border : string;
+export const ColorRainbow8BorderLight : string;
 export const ColorRainbow8Icon : string;
 export const ColorRainbow8Text : string;
 export const ColorRainbow9Background : string;
 export const ColorRainbow9Border : string;
+export const ColorRainbow9BorderLight : string;
 export const ColorRainbow9Icon : string;
 export const ColorRainbow9Text : string;
 export const ColorRainbow10Background : string;
 export const ColorRainbow10Border : string;
+export const ColorRainbow10BorderLight : string;
 export const ColorRainbow10Icon : string;
 export const ColorRainbow10Text : string;
 export const ColorDontUseBorder : string;

package/dist/js/ocean_dark.js

@@ -131,6 +131,7 @@ export const ColorFeedbackInformationHighIcon = "#09285c";
 export const ColorFeedbackInformationHighText = "#09285c";
 export const ColorFeedbackInformationLowBackground = "#001c37";
 export const ColorFeedbackInformationLowBorder = "#659fff";
+export const ColorFeedbackInformationLowBorderSubtle = "#113a80";
 export const ColorFeedbackInformationLowIcon = "#659fff";
 export const ColorFeedbackInformationLowText = "#659fff";
 export const ColorFeedbackInformationHighContrastBackground = "#659fff";
@@ -144,6 +145,7 @@ export const ColorFeedbackErrorHighIcon = "#380101";
 export const ColorFeedbackErrorHighText = "#380101";
 export const ColorFeedbackErrorLowBackground = "#380101";
 export const ColorFeedbackErrorLowBorder = "#ff6161";
+export const ColorFeedbackErrorLowBorderSubtle = "#911515";
 export const ColorFeedbackErrorLowIcon = "#ff6161";
 export const ColorFeedbackErrorLowText = "#ff6161";
 export const ColorFeedbackErrorHighContrastBackground = "#ff6161";
@@ -157,6 +159,7 @@ export const ColorFeedbackNeutralHighIcon = "#171f22";
 export const ColorFeedbackNeutralHighText = "#171f22";
 export const ColorFeedbackNeutralLowBackground = "#171f22";
 export const ColorFeedbackNeutralLowBorder = "#9fadb2";
+export const ColorFeedbackNeutralLowBorderSubtle = "#394d55";
 export const ColorFeedbackNeutralLowIcon = "#9fadb2";
 export const ColorFeedbackNeutralLowText = "#9fadb2";
 export const ColorFeedbackNeutralHighContrastBackground = "#9fadb2";
@@ -170,6 +173,7 @@ export const ColorFeedbackWarningHighIcon = "#302300";
 export const ColorFeedbackWarningHighText = "#302300";
 export const ColorFeedbackWarningLowBackground = "#302300";
 export const ColorFeedbackWarningLowBorder = "#e0a917";
+export const ColorFeedbackWarningLowBorderSubtle = "#805c00";
 export const ColorFeedbackWarningLowIcon = "#e0a917";
 export const ColorFeedbackWarningLowText = "#e0a917";
 export const ColorFeedbackWarningHighContrastBackground = "#e0a917";
@@ -183,6 +187,7 @@ export const ColorFeedbackSuccessHighIcon = "#003603";
 export const ColorFeedbackSuccessHighText = "#003603";
 export const ColorFeedbackSuccessLowBackground = "#002302";
 export const ColorFeedbackSuccessLowBorder = "#45d24d";
+export const ColorFeedbackSuccessLowBorderSubtle = "#035707";
 export const ColorFeedbackSuccessLowIcon = "#45d24d";
 export const ColorFeedbackSuccessLowText = "#45d24d";
 export const ColorFeedbackSuccessHighContrastBackground = "#45d24d";
@@ -198,42 +203,52 @@ export const ColorFocusDestructiveInField = "#ff6161";
 export const ColorFocusSuccess = "#45d24d";
 export const ColorRainbow1Background = "#432306";
 export const ColorRainbow1Border = "#f0801a";
+export const ColorRainbow1BorderLight = "#9c5311";
 export const ColorRainbow1Icon = "#f0801a";
 export const ColorRainbow1Text = "#f0801a";
 export const ColorRainbow2Background = "#45190a";
 export const ColorRainbow2Border = "#eb7247";
+export const ColorRainbow2BorderLight = "#963715";
 export const ColorRainbow2Icon = "#eb7247";
 export const ColorRainbow2Text = "#eb7247";
 export const ColorRainbow3Background = "#4d3a00";
 export const ColorRainbow3Border = "#d29f00";
+export const ColorRainbow3BorderLight = "#a67d00";
 export const ColorRainbow3Icon = "#d29f00";
 export const ColorRainbow3Text = "#d29f00";
-export const ColorRainbow4Background = "#610e0e";
+export const ColorRainbow4Background = "#3d0909";
 export const ColorRainbow4Border = "#e79494";
+export const ColorRainbow4BorderLight = "#a81818";
 export const ColorRainbow4Icon = "#e79494";
 export const ColorRainbow4Text = "#e79494";
 export const ColorRainbow5Background = "#1c2b28";
-export const ColorRainbow5Border = "#6aa9a0";
-export const ColorRainbow5Icon = "#6aa9a0";
-export const ColorRainbow5Text = "#6aa9a0";
-export const ColorRainbow6Background = "#490019";
+export const ColorRainbow5Border = "#84b8b1";
+export const ColorRainbow5BorderLight = "#456e68";
+export const ColorRainbow5Icon = "#84b8b1";
+export const ColorRainbow5Text = "#84b8b1";
+export const ColorRainbow6Background = "#2e0010";
 export const ColorRainbow6Border = "#cf869f";
+export const ColorRainbow6BorderLight = "#7e002c";
 export const ColorRainbow6Icon = "#cf869f";
 export const ColorRainbow6Text = "#cf869f";
 export const ColorRainbow7Background = "#09400c";
 export const ColorRainbow7Border = "#66b16a";
+export const ColorRainbow7BorderLight = "#106f15";
 export const ColorRainbow7Icon = "#66b16a";
 export const ColorRainbow7Text = "#66b16a";
-export const ColorRainbow8Background = "#124148";
+export const ColorRainbow8Background = "#0b292e";
 export const ColorRainbow8Border = "#71b2bc";
+export const ColorRainbow8BorderLight = "#1f717d";
 export const ColorRainbow8Icon = "#71b2bc";
 export const ColorRainbow8Text = "#71b2bc";
 export const ColorRainbow9Background = "#2a330e";
 export const ColorRainbow9Border = "#8da930";
+export const ColorRainbow9BorderLight = "#5c6e1f";
 export const ColorRainbow9Icon = "#8da930";
 export const ColorRainbow9Text = "#8da930";
 export const ColorRainbow10Background = "#27353b";
 export const ColorRainbow10Border = "#9fadb2";
+export const ColorRainbow10BorderLight = "#3f555e";
 export const ColorRainbow10Icon = "#9fadb2";
 export const ColorRainbow10Text = "#9fadb2";
 export const ColorDontUseBorder = "#1e272b";
@@ -424,18 +439,18 @@ export const ComponentsAlertNeutralIcon = "#9fadb2";
 export const ComponentsAvatarBackground1 = "#432306";
 export const ComponentsAvatarBackground2 = "#45190a";
 export const ComponentsAvatarBackground3 = "#4d3a00";
-export const ComponentsAvatarBackground4 = "#610e0e";
+export const ComponentsAvatarBackground4 = "#3d0909";
 export const ComponentsAvatarBackground5 = "#1c2b28";
-export const ComponentsAvatarBackground6 = "#490019";
+export const ComponentsAvatarBackground6 = "#2e0010";
 export const ComponentsAvatarBackground7 = "#09400c";
-export const ComponentsAvatarBackground8 = "#124148";
+export const ComponentsAvatarBackground8 = "#0b292e";
 export const ComponentsAvatarBackground9 = "#2a330e";
 export const ComponentsAvatarBackground10 = "#27353b";
 export const ComponentsAvatarBorder1 = "#f0801a";
 export const ComponentsAvatarBorder2 = "#eb7247";
 export const ComponentsAvatarBorder3 = "#d29f00";
 export const ComponentsAvatarBorder4 = "#e79494";
-export const ComponentsAvatarBorder5 = "#6aa9a0";
+export const ComponentsAvatarBorder5 = "#84b8b1";
 export const ComponentsAvatarBorder6 = "#cf869f";
 export const ComponentsAvatarBorder7 = "#66b16a";
 export const ComponentsAvatarBorder8 = "#71b2bc";
@@ -445,7 +460,7 @@ export const ComponentsAvatarContent1 = "#f0801a";
 export const ComponentsAvatarContent2 = "#eb7247";
 export const ComponentsAvatarContent3 = "#d29f00";
 export const ComponentsAvatarContent4 = "#e79494";
-export const ComponentsAvatarContent5 = "#6aa9a0";
+export const ComponentsAvatarContent5 = "#84b8b1";
 export const ComponentsAvatarContent6 = "#cf869f";
 export const ComponentsAvatarContent7 = "#66b16a";
 export const ComponentsAvatarContent8 = "#71b2bc";

package/dist/js/ocean_light.d.ts

@@ -131,6 +131,7 @@ export const ColorFeedbackInformationHighIcon : string;
 export const ColorFeedbackInformationHighText : string;
 export const ColorFeedbackInformationLowBackground : string;
 export const ColorFeedbackInformationLowBorder : string;
+export const ColorFeedbackInformationLowBorderSubtle : string;
 export const ColorFeedbackInformationLowIcon : string;
 export const ColorFeedbackInformationLowText : string;
 export const ColorFeedbackInformationHighContrastBackground : string;
@@ -144,6 +145,7 @@ export const ColorFeedbackErrorHighIcon : string;
 export const ColorFeedbackErrorHighText : string;
 export const ColorFeedbackErrorLowBackground : string;
 export const ColorFeedbackErrorLowBorder : string;
+export const ColorFeedbackErrorLowBorderSubtle : string;
 export const ColorFeedbackErrorLowIcon : string;
 export const ColorFeedbackErrorLowText : string;
 export const ColorFeedbackErrorHighContrastBackground : string;
@@ -157,6 +159,7 @@ export const ColorFeedbackNeutralHighIcon : string;
 export const ColorFeedbackNeutralHighText : string;
 export const ColorFeedbackNeutralLowBackground : string;
 export const ColorFeedbackNeutralLowBorder : string;
+export const ColorFeedbackNeutralLowBorderSubtle : string;
 export const ColorFeedbackNeutralLowIcon : string;
 export const ColorFeedbackNeutralLowText : string;
 export const ColorFeedbackNeutralHighContrastBackground : string;
@@ -170,6 +173,7 @@ export const ColorFeedbackWarningHighIcon : string;
 export const ColorFeedbackWarningHighText : string;
 export const ColorFeedbackWarningLowBackground : string;
 export const ColorFeedbackWarningLowBorder : string;
+export const ColorFeedbackWarningLowBorderSubtle : string;
 export const ColorFeedbackWarningLowIcon : string;
 export const ColorFeedbackWarningLowText : string;
 export const ColorFeedbackWarningHighContrastBackground : string;
@@ -183,6 +187,7 @@ export const ColorFeedbackSuccessHighIcon : string;
 export const ColorFeedbackSuccessHighText : string;
 export const ColorFeedbackSuccessLowBackground : string;
 export const ColorFeedbackSuccessLowBorder : string;
+export const ColorFeedbackSuccessLowBorderSubtle : string;
 export const ColorFeedbackSuccessLowIcon : string;
 export const ColorFeedbackSuccessLowText : string;
 export const ColorFeedbackSuccessHighContrastBackground : string;
@@ -198,42 +203,52 @@ export const ColorFocusDestructiveInField : string;
 export const ColorFocusSuccess : string;
 export const ColorRainbow1Background : string;
 export const ColorRainbow1Border : string;
+export const ColorRainbow1BorderLight : string;
 export const ColorRainbow1Icon : string;
 export const ColorRainbow1Text : string;
 export const ColorRainbow2Background : string;
 export const ColorRainbow2Border : string;
+export const ColorRainbow2BorderLight : string;
 export const ColorRainbow2Icon : string;
 export const ColorRainbow2Text : string;
 export const ColorRainbow3Background : string;
 export const ColorRainbow3Border : string;
+export const ColorRainbow3BorderLight : string;
 export const ColorRainbow3Icon : string;
 export const ColorRainbow3Text : string;
 export const ColorRainbow4Background : string;
 export const ColorRainbow4Border : string;
+export const ColorRainbow4BorderLight : string;
 export const ColorRainbow4Icon : string;
 export const ColorRainbow4Text : string;
 export const ColorRainbow5Background : string;
 export const ColorRainbow5Border : string;
+export const ColorRainbow5BorderLight : string;
 export const ColorRainbow5Icon : string;
 export const ColorRainbow5Text : string;
 export const ColorRainbow6Background : string;
 export const ColorRainbow6Border : string;
+export const ColorRainbow6BorderLight : string;
 export const ColorRainbow6Icon : string;
 export const ColorRainbow6Text : string;
 export const ColorRainbow7Background : string;
 export const ColorRainbow7Border : string;
+export const ColorRainbow7BorderLight : string;
 export const ColorRainbow7Icon : string;
 export const ColorRainbow7Text : string;
 export const ColorRainbow8Background : string;
 export const ColorRainbow8Border : string;
+export const ColorRainbow8BorderLight : string;
 export const ColorRainbow8Icon : string;
 export const ColorRainbow8Text : string;
 export const ColorRainbow9Background : string;
 export const ColorRainbow9Border : string;
+export const ColorRainbow9BorderLight : string;
 export const ColorRainbow9Icon : string;
 export const ColorRainbow9Text : string;
 export const ColorRainbow10Background : string;
 export const ColorRainbow10Border : string;
+export const ColorRainbow10BorderLight : string;
 export const ColorRainbow10Icon : string;
 export const ColorRainbow10Text : string;
 export const ColorDontUseBorder : string;

package/dist/js/ocean_light.js

@@ -131,6 +131,7 @@ export const ColorFeedbackInformationHighIcon = "#09285c";
 export const ColorFeedbackInformationHighText = "#09285c";
 export const ColorFeedbackInformationLowBackground = "#f0f6ff";
 export const ColorFeedbackInformationLowBorder = "#2660c2";
+export const ColorFeedbackInformationLowBorderSubtle = "#c7dcff";
 export const ColorFeedbackInformationLowIcon = "#2660c2";
 export const ColorFeedbackInformationLowText = "#2660c2";
 export const ColorFeedbackInformationHighContrastBackground = "#659fff";
@@ -144,6 +145,7 @@ export const ColorFeedbackErrorHighIcon = "#380101";
 export const ColorFeedbackErrorHighText = "#380101";
 export const ColorFeedbackErrorLowBackground = "#ffeded";
 export const ColorFeedbackErrorLowBorder = "#bb1919";
+export const ColorFeedbackErrorLowBorderSubtle = "#f5c4c4";
 export const ColorFeedbackErrorLowIcon = "#bb1919";
 export const ColorFeedbackErrorLowText = "#bb1919";
 export const ColorFeedbackErrorHighContrastBackground = "#bb1919";
@@ -157,6 +159,7 @@ export const ColorFeedbackNeutralHighIcon = "#171f22";
 export const ColorFeedbackNeutralHighText = "#171f22";
 export const ColorFeedbackNeutralLowBackground = "#f5f6f7";
 export const ColorFeedbackNeutralLowBorder = "#3f555e";
+export const ColorFeedbackNeutralLowBorderSubtle = "#e1e4e6";
 export const ColorFeedbackNeutralLowIcon = "#3f555e";
 export const ColorFeedbackNeutralLowText = "#3f555e";
 export const ColorFeedbackNeutralHighContrastBackground = "#3f555e";
@@ -170,6 +173,7 @@ export const ColorFeedbackWarningHighIcon = "#302300";
 export const ColorFeedbackWarningHighText = "#302300";
 export const ColorFeedbackWarningLowBackground = "#fff7df";
 export const ColorFeedbackWarningLowBorder = "#805c00";
+export const ColorFeedbackWarningLowBorderSubtle = "#fae49d";
 export const ColorFeedbackWarningLowIcon = "#805c00";
 export const ColorFeedbackWarningLowText = "#805c00";
 export const ColorFeedbackWarningHighContrastBackground = "#805c00";
@@ -183,6 +187,7 @@ export const ColorFeedbackSuccessHighIcon = "#003603";
 export const ColorFeedbackSuccessHighText = "#003603";
 export const ColorFeedbackSuccessLowBackground = "#eafeeb";
 export const ColorFeedbackSuccessLowBorder = "#008207";
+export const ColorFeedbackSuccessLowBorderSubtle = "#c8facb";
 export const ColorFeedbackSuccessLowIcon = "#008207";
 export const ColorFeedbackSuccessLowText = "#008207";
 export const ColorFeedbackSuccessHighContrastBackground = "#008207";
@@ -198,42 +203,52 @@ export const ColorFocusDestructiveInField = "#bb1919";
 export const ColorFocusSuccess = "#008207";
 export const ColorRainbow1Background = "#fdefe2";
 export const ColorRainbow1Border = "#9c5311";
+export const ColorRainbow1BorderLight = "#fbd9ba";
 export const ColorRainbow1Icon = "#9c5311";
 export const ColorRainbow1Text = "#9c5311";
 export const ColorRainbow2Background = "#fceae3";
 export const ColorRainbow2Border = "#963715";
+export const ColorRainbow2BorderLight = "#f8ccbc";
 export const ColorRainbow2Icon = "#963715";
 export const ColorRainbow2Text = "#963715";
-export const ColorRainbow3Background = "#ffecb3";
+export const ColorRainbow3Background = "#fff7df";
 export const ColorRainbow3Border = "#795c00";
+export const ColorRainbow3BorderLight = "#ffe286";
 export const ColorRainbow3Icon = "#795c00";
 export const ColorRainbow3Text = "#795c00";
 export const ColorRainbow4Background = "#f9e3e3";
 export const ColorRainbow4Border = "#cc1d1d";
+export const ColorRainbow4BorderLight = "#f0bbbb";
 export const ColorRainbow4Icon = "#cc1d1d";
 export const ColorRainbow4Text = "#cc1d1d";
 export const ColorRainbow5Background = "#ecf4f3";
 export const ColorRainbow5Border = "#32504c";
+export const ColorRainbow5BorderLight = "#d2e5e3";
 export const ColorRainbow5Icon = "#32504c";
 export const ColorRainbow5Text = "#32504c";
 export const ColorRainbow6Background = "#f7e9ee";
 export const ColorRainbow6Border = "#ab2d58";
+export const ColorRainbow6BorderLight = "#e0b3c2";
 export const ColorRainbow6Icon = "#ab2d58";
 export const ColorRainbow6Text = "#ab2d58";
 export const ColorRainbow7Background = "#e2f0e2";
 export const ColorRainbow7Border = "#106f15";
+export const ColorRainbow7BorderLight = "#b8dbba";
 export const ColorRainbow7Icon = "#106f15";
 export const ColorRainbow7Text = "#106f15";
 export const ColorRainbow8Background = "#e4f0f2";
 export const ColorRainbow8Border = "#1f717d";
+export const ColorRainbow8BorderLight = "#bedce0";
 export const ColorRainbow8Icon = "#1f717d";
 export const ColorRainbow8Text = "#1f717d";
 export const ColorRainbow9Background = "#f1f4e5";
 export const ColorRainbow9Border = "#5c6e1f";
+export const ColorRainbow9BorderLight = "#dde5c1";
 export const ColorRainbow9Icon = "#5c6e1f";
 export const ColorRainbow9Text = "#5c6e1f";
 export const ColorRainbow10Background = "#eaeef0";
 export const ColorRainbow10Border = "#394d55";
+export const ColorRainbow10BorderLight = "#c6ced1";
 export const ColorRainbow10Icon = "#394d55";
 export const ColorRainbow10Text = "#394d55";
 export const ColorDontUseBorder = "#c6ced1";
@@ -423,7 +438,7 @@ export const ComponentsAlertNeutralBorder = "#3f555e";
 export const ComponentsAlertNeutralIcon = "#3f555e";
 export const ComponentsAvatarBackground1 = "#fdefe2";
 export const ComponentsAvatarBackground2 = "#fceae3";
-export const ComponentsAvatarBackground3 = "#ffecb3";
+export const ComponentsAvatarBackground3 = "#fff7df";
 export const ComponentsAvatarBackground4 = "#f9e3e3";
 export const ComponentsAvatarBackground5 = "#ecf4f3";
 export const ComponentsAvatarBackground6 = "#f7e9ee";

package/dist/js/spacings.d.ts

@@ -97,8 +97,8 @@ export const DrawerSizeLgMaxWidth : string;
 export const DrawerSizeFullWidth : string;
 export const DrawerDismissiblePositionTop : string;
 export const DrawerDismissiblePositionRight : string;
-export const DrawerHeaderPaddingRight : string;
 export const DrawerGapY : string;
+export const DrawerHeaderPaddingRight : string;
 export const DrawerPaddingX : string;
 export const DrawerPaddingY : string;
 export const CalendarCellDotSize : string;
@@ -467,9 +467,22 @@ export const PaginationTableHeight : string;
 export const PaginationTablePaddingLeft : string;
 export const PaginationTablePaddingX : string;
 export const PaginationTablePaddingY : string;
+export const StatusIndicatorGapX : string;
+export const StatusIndicatorHeight : string;
+export const StatusIndicatorWidthIconOnly : string;
+export const StatusIndicatorIconSize : string;
+export const StatusIndicatorPaddingX : string;
+export const StatusIndicatorPaddingY : string;
+export const StatusIndicatorRadius : string;
+export const StatusIndicatorLabelSize : string;
+export const StatusIndicatorLabelLineHeight : string;
 export const SplitterLineWidth : string;
 export const SplitterGutter : string;
 export const SplitterHandleLong : string;
 export const SplitterHandleWide : string;
 export const SplitterHandleWideHover : string;
 export const SplitterHandleRadius : string;
+export const TagGapX : string;
+export const TagPaddingX : string;
+export const TagHeight : string;
+export const TagBorderRadius : string;

package/dist/js/spacings.js

@@ -97,8 +97,8 @@ export const DrawerSizeLgMaxWidth = "1024.0000px";
 export const DrawerSizeFullWidth = "1372.0000px";
 export const DrawerDismissiblePositionTop = "24.0000px";
 export const DrawerDismissiblePositionRight = "24.0000px";
-export const DrawerHeaderPaddingRight = "32.0000px";
 export const DrawerGapY = "24.0000px";
+export const DrawerHeaderPaddingRight = "32.0000px";
 export const DrawerPaddingX = "24.0000px";
 export const DrawerPaddingY = "24.0000px";
 export const CalendarCellDotSize = "3.0000px";
@@ -467,9 +467,22 @@ export const PaginationTableHeight = "36.0000px";
 export const PaginationTablePaddingLeft = "12.0000px";
 export const PaginationTablePaddingX = "12.0000px";
 export const PaginationTablePaddingY = "8.0000px";
+export const StatusIndicatorGapX = "2.0000px";
+export const StatusIndicatorHeight = "24.0000px";
+export const StatusIndicatorWidthIconOnly = "24.0000px";
+export const StatusIndicatorIconSize = "12.0000px";
+export const StatusIndicatorPaddingX = "6.0000px";
+export const StatusIndicatorPaddingY = "4.0000px";
+export const StatusIndicatorRadius = "9999.0000px";
+export const StatusIndicatorLabelSize = "12.0000px";
+export const StatusIndicatorLabelLineHeight = "16.0000px";
 export const SplitterLineWidth = "4.0000px";
 export const SplitterGutter = "24.0000px";
 export const SplitterHandleLong = "24.0000px";
 export const SplitterHandleWide = "4.0000px";
 export const SplitterHandleWideHover = "8.0000px";
 export const SplitterHandleRadius = "6.0000px";
+export const TagGapX = "4.0000px";
+export const TagPaddingX = "6.0000px";
+export const TagHeight = "24.0000px";
+export const TagBorderRadius = "4.0000px";