@gitlab/ui 137.1.1 → 137.2.0

package/src/tokens/build/scss/_tokens.dark.scss

@@ -111,19 +111,19 @@ $gl-color-green-800: #225131;
 $gl-color-green-900: #1e3e28;
 $gl-color-green-950: #17291c;
 $gl-color-neutral-0: #fff;
-$gl-color-neutral-10: #fbfafd;
-$gl-color-neutral-50: #ececef;
-$gl-color-neutral-100: #dcdcde;
-$gl-color-neutral-200: #bfbfc3;
-$gl-color-neutral-300: #a4a3a8;
-$gl-color-neutral-400: #89888d;
-$gl-color-neutral-500: #737278;
-$gl-color-neutral-600: #626168;
-$gl-color-neutral-700: #4c4b51;
-$gl-color-neutral-800: #3a383f;
+$gl-color-neutral-10: #f7f7f5;
+$gl-color-neutral-50: #ecebea;
+$gl-color-neutral-100: #dcdbd9;
+$gl-color-neutral-200: #c1bfbe;
+$gl-color-neutral-300: #a5a3a3;
+$gl-color-neutral-400: #8a8888;
+$gl-color-neutral-500: #747273;
+$gl-color-neutral-600: #646163;
+$gl-color-neutral-700: #4d4b4e;
+$gl-color-neutral-800: #3a383d;
 $gl-color-neutral-900: #28272d;
 $gl-color-neutral-950: #18171d;
-$gl-color-neutral-1000: #050506;
+$gl-color-neutral-1000: #050408;
 $gl-color-orange-50: #fdf1dd;
 $gl-color-orange-100: #f5d9a8;
 $gl-color-orange-200: #e9be74;
@@ -433,18 +433,18 @@ $gl-font-weight-heading: $gl-font-weight-bold;
 $gl-heading-default-margin-top: $gl-spacing-scale-0;
 $gl-heading-default-margin-bottom: $gl-spacing-scale-5;
 $gl-shadow-color-default: $gl-color-alpha-dark-40; // Used for the default shadow color.
-$gl-alert-neutral-border-top-color: $gl-color-neutral-400; // Used for the border center color of a neutral alert.
+$gl-alert-neutral-border-top-color: $gl-color-neutral-400; // Used for the border color of a neutral alert.
 $gl-alert-neutral-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a neutral alert.
-$gl-alert-info-title-color: $gl-color-blue-300; // Used for the title color of an info alert.
+$gl-alert-info-title-color: $gl-color-blue-200; // Used for the title color of an info alert.
 $gl-alert-info-border-top-color: $gl-color-blue-400; // Used for the border color of an info alert.
 $gl-alert-info-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of an info alert.
-$gl-alert-success-title-color: $gl-color-green-300; // Used for the title color of a success alert.
+$gl-alert-success-title-color: $gl-color-green-200; // Used for the title color of a success alert.
 $gl-alert-success-border-top-color: $gl-color-green-400; // Used for the border color of a success alert.
 $gl-alert-success-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a success alert.
-$gl-alert-warning-title-color: $gl-color-orange-300; // Used for the title color of a warning alert.
+$gl-alert-warning-title-color: $gl-color-orange-200; // Used for the title color of a warning alert.
 $gl-alert-warning-border-top-color: $gl-color-orange-400; // Used for the border color of a warning alert.
 $gl-alert-warning-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a warning alert.
-$gl-alert-danger-title-color: $gl-color-red-300; // Used for the title color of a danger alert.
+$gl-alert-danger-title-color: $gl-color-red-200; // Used for the title color of a danger alert.
 $gl-alert-danger-border-top-color: $gl-color-red-400; // Used for the border color of a danger alert.
 $gl-alert-danger-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a danger alert.
 $gl-application-chrome-background-color: $gl-color-neutral-1000; // Used for the application chrome background, the lowest layer of the interface that sits beneath panels and contains global navigation, user actions, application navigation, and AI navigation.
@@ -800,27 +800,27 @@ $gl-feedback-strong-link-color: $gl-color-blue-300; // Used for a link on a stro
 $gl-feedback-neutral-background-color: $gl-color-neutral-900; // Used for the background of a neutral feedback item when there isn't a specific meaning or urgency.
 $gl-feedback-neutral-border-color: $gl-color-neutral-600; // Used for the border of a neutral feedback item when there isn't a specific meaning or urgency.
 $gl-feedback-neutral-text-color: $gl-color-neutral-200; // Used for the text of a neutral feedback item when there isn't a specific meaning or urgency.
-$gl-feedback-neutral-icon-color: $gl-color-neutral-300; // Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.
+$gl-feedback-neutral-icon-color: $gl-color-neutral-200; // Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.
 $gl-feedback-info-background-color: $gl-color-blue-950; // Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
 $gl-feedback-info-border-color: $gl-color-blue-600; // Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
 $gl-feedback-info-text-color: $gl-color-blue-200; // Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
-$gl-feedback-info-icon-color: $gl-color-blue-300; // Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
+$gl-feedback-info-icon-color: $gl-color-blue-200; // Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.
 $gl-feedback-success-background-color: $gl-color-green-900; // Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.
 $gl-feedback-success-border-color: $gl-color-green-600; // Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.
 $gl-feedback-success-text-color: $gl-color-green-200; // Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.
-$gl-feedback-success-icon-color: $gl-color-green-300; // Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.
+$gl-feedback-success-icon-color: $gl-color-green-200; // Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.
 $gl-feedback-warning-background-color: $gl-color-orange-900; // Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.
 $gl-feedback-warning-border-color: $gl-color-orange-600; // Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.
 $gl-feedback-warning-text-color: $gl-color-orange-200; // Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.
-$gl-feedback-warning-icon-color: $gl-color-orange-300; // Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.
+$gl-feedback-warning-icon-color: $gl-color-orange-200; // Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.
 $gl-feedback-danger-background-color: $gl-color-red-900; // Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
 $gl-feedback-danger-border-color: $gl-color-red-300; // Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
 $gl-feedback-danger-text-color: $gl-color-red-200; // Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
-$gl-feedback-danger-icon-color: $gl-color-red-300; // Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
+$gl-feedback-danger-icon-color: $gl-color-red-200; // Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.
 $gl-feedback-brand-background-color: $gl-color-purple-950; // Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.
 $gl-feedback-brand-border-color: $gl-color-purple-600; // Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.
 $gl-feedback-brand-text-color: $gl-color-purple-200; // Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.
-$gl-feedback-brand-icon-color: $gl-color-purple-300; // Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.
+$gl-feedback-brand-icon-color: $gl-color-purple-200; // Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.
 $gl-focus-ring-outer-color: $gl-color-blue-400; // Used for the outer color portion of the focus ring.
 $gl-highlight-match-background-color: $gl-color-orange-200; // Used for temporary visual emphasis of backgrounds of matched search terms, filtered results, or autocomplete suggestions without implying any particular state or meaning.
 $gl-highlight-match-text-color: $gl-color-neutral-950; // Used for text within temporarily highlighted matches to maintain readability while drawing attention without conveying status.
@@ -929,11 +929,16 @@ $gl-shadow-md: 0 0 1px 0 $gl-shadow-color-default, 0 0 2px 0 $gl-shadow-color-de
 $gl-shadow-lg: 0 0 2px 0 $gl-shadow-color-default, 0 0 2px 0 $gl-shadow-color-default, 0 4px 12px 0 $gl-shadow-color-default; // Used for large surfaces that present additional context to the user.
 $gl-alert-border-radius: $gl-border-radius-lg; // Used for alert border radius.
 $gl-alert-neutral-title-color: $gl-text-color-heading; // Used for the title color of a neutral alert.
-$gl-alert-neutral-background-color: $gl-background-color-subtle; // Used for the background color of a neutral alert.
-$gl-alert-info-background-color: $gl-background-color-subtle; // Used for the background color of an info alert.
-$gl-alert-success-background-color: $gl-background-color-subtle; // Used for the background color of a success alert.
-$gl-alert-warning-background-color: $gl-background-color-subtle; // Used for the background color of a warning alert.
-$gl-alert-danger-background-color: $gl-background-color-subtle; // Used for the background color of a danger alert.
+$gl-alert-neutral-background-color: $gl-feedback-neutral-background-color; // Used for the background color of a neutral alert.
+$gl-alert-neutral-border-color: $gl-feedback-neutral-border-color; // Used for the border color of a neutral alert.
+$gl-alert-info-background-color: $gl-feedback-info-background-color; // Used for the background color of an info alert.
+$gl-alert-info-border-color: $gl-feedback-info-border-color; // Used for the border color of an info alert.
+$gl-alert-success-background-color: $gl-feedback-success-background-color; // Used for the background color of a success alert.
+$gl-alert-success-border-color: $gl-feedback-success-border-color; // Used for the border color of a success alert.
+$gl-alert-warning-background-color: $gl-feedback-warning-background-color; // Used for the background color of a warning alert.
+$gl-alert-warning-border-color: $gl-feedback-warning-border-color; // Used for the border color of a warning alert.
+$gl-alert-danger-background-color: $gl-feedback-danger-background-color; // Used for the background color of a danger alert.
+$gl-alert-danger-border-color: $gl-feedback-danger-border-color; // Used for the border color of a danger alert.
 $gl-avatar-square-border-radius-lg: $gl-border-radius-lg; // Border radius for square avatars at larger sizes (48px, 64px, 96px).
 $gl-badge-muted-background-color-hover: $gl-badge-muted-background-color-default; // Used for the background of a muted badge in the hover state.
 $gl-badge-muted-text-color-focus: $gl-badge-muted-text-color-hover; // Used for the text of a muted badge in the focus state.

package/src/tokens/build/scss/_tokens.scss

@@ -111,19 +111,19 @@ $gl-color-green-800: #225131;
 $gl-color-green-900: #1e3e28;
 $gl-color-green-950: #17291c;
 $gl-color-neutral-0: #fff;
-$gl-color-neutral-10: #fbfafd;
-$gl-color-neutral-50: #ececef;
-$gl-color-neutral-100: #dcdcde;
-$gl-color-neutral-200: #bfbfc3;
-$gl-color-neutral-300: #a4a3a8;
-$gl-color-neutral-400: #89888d;
-$gl-color-neutral-500: #737278;
-$gl-color-neutral-600: #626168;
-$gl-color-neutral-700: #4c4b51;
-$gl-color-neutral-800: #3a383f;
+$gl-color-neutral-10: #f7f7f5;
+$gl-color-neutral-50: #ecebea;
+$gl-color-neutral-100: #dcdbd9;
+$gl-color-neutral-200: #c1bfbe;
+$gl-color-neutral-300: #a5a3a3;
+$gl-color-neutral-400: #8a8888;
+$gl-color-neutral-500: #747273;
+$gl-color-neutral-600: #646163;
+$gl-color-neutral-700: #4d4b4e;
+$gl-color-neutral-800: #3a383d;
 $gl-color-neutral-900: #28272d;
 $gl-color-neutral-950: #18171d;
-$gl-color-neutral-1000: #050506;
+$gl-color-neutral-1000: #050408;
 $gl-color-orange-50: #fdf1dd;
 $gl-color-orange-100: #f5d9a8;
 $gl-color-orange-200: #e9be74;
@@ -421,7 +421,7 @@ $gl-font-weight-heading: $gl-font-weight-bold;
 $gl-heading-default-margin-top: $gl-spacing-scale-0;
 $gl-heading-default-margin-bottom: $gl-spacing-scale-5;
 $gl-shadow-color-default: $gl-color-alpha-dark-16; // Used for the default shadow color.
-$gl-alert-neutral-border-top-color: $gl-color-alpha-0; // Used for the border center color of a neutral alert.
+$gl-alert-neutral-border-top-color: $gl-color-alpha-0; // Used for the border color of a neutral alert.
 $gl-alert-neutral-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of a neutral alert.
 $gl-alert-info-border-top-color: $gl-color-alpha-0; // Used for the border color of an info alert.
 $gl-alert-info-border-bottom-color: $gl-color-alpha-0; // Used for the border bottom color of an info alert.
@@ -741,9 +741,9 @@ $gl-action-confirm-background-color-default: $gl-color-alpha-0; // Used for the
 $gl-action-confirm-background-color-hover: $gl-color-alpha-dark-6; // Used for the background of a confirm (positive) action in the hover state.
 $gl-action-confirm-background-color-active: $gl-color-alpha-dark-16; // Used for the background of a confirm (positive) action in the active state.
 $gl-action-confirm-border-color-default: $gl-color-alpha-0; // Used for the border of a confirm action in the default state.
-$gl-action-danger-foreground-color-default: $gl-color-red-500; // Used for the foreground of a danger (destructive) action in the default state.
-$gl-action-danger-foreground-color-hover: $gl-color-red-700; // Used for the foreground of a danger (destructive) action in the hover state.
-$gl-action-danger-foreground-color-active: $gl-color-red-900; // Used for the foreground of a danger (destructive) action in the active state.
+$gl-action-danger-foreground-color-default: $gl-color-red-600; // Used for the foreground of a danger (destructive) action in the default state.
+$gl-action-danger-foreground-color-hover: $gl-color-red-800; // Used for the foreground of a danger (destructive) action in the hover state.
+$gl-action-danger-foreground-color-active: $gl-color-red-950; // Used for the foreground of a danger (destructive) action in the active state.
 $gl-action-danger-background-color-focus: $gl-action-danger-background-color-hover; // Used for the background of a danger (destructive) action in the focus state.
 $gl-action-danger-border-color-default: $gl-color-alpha-0; // Used for the border of a danger action in the default state.
 $gl-action-strong-confirm-background-color-default: $gl-color-blue-500; // Used for the background of a strong confirm action in the default state.
@@ -914,14 +914,19 @@ $gl-shadow-lg: 0 0 2px 0 $gl-shadow-color-default, 0 0 2px 0 $gl-shadow-color-de
 $gl-alert-border-radius: $gl-border-radius-lg; // Used for alert border radius.
 $gl-alert-neutral-title-color: $gl-text-color-heading; // Used for the title color of a neutral alert.
 $gl-alert-neutral-background-color: $gl-feedback-neutral-background-color; // Used for the background color of a neutral alert.
+$gl-alert-neutral-border-color: $gl-feedback-neutral-border-color; // Used for the border color of a neutral alert.
 $gl-alert-info-title-color: $gl-text-color-heading; // Used for the title color of an info alert.
 $gl-alert-info-background-color: $gl-feedback-info-background-color; // Used for the background color of an info alert.
+$gl-alert-info-border-color: $gl-feedback-info-border-color; // Used for the border color of an info alert.
 $gl-alert-success-title-color: $gl-text-color-heading; // Used for the title color of a success alert.
 $gl-alert-success-background-color: $gl-feedback-success-background-color; // Used for the background color of a success alert.
+$gl-alert-success-border-color: $gl-feedback-success-border-color; // Used for the border color of a success alert.
 $gl-alert-warning-title-color: $gl-text-color-heading; // Used for the title color of a warning alert.
 $gl-alert-warning-background-color: $gl-feedback-warning-background-color; // Used for the background color of a warning alert.
+$gl-alert-warning-border-color: $gl-feedback-warning-border-color; // Used for the border color of a warning alert.
 $gl-alert-danger-title-color: $gl-text-color-heading; // Used for the title color of a danger alert.
 $gl-alert-danger-background-color: $gl-feedback-danger-background-color; // Used for the background color of a danger alert.
+$gl-alert-danger-border-color: $gl-feedback-danger-border-color; // Used for the border color of a danger alert.
 $gl-avatar-square-border-radius-lg: $gl-border-radius-lg; // Border radius for square avatars at larger sizes (48px, 64px, 96px).
 $gl-badge-muted-background-color-hover: $gl-badge-muted-background-color-default; // Used for the background of a muted badge in the hover state.
 $gl-badge-muted-text-color-focus: $gl-badge-muted-text-color-hover; // Used for the text of a muted badge in the focus state.

package/src/tokens/build/scss/_tokens_custom_properties.scss

@@ -271,22 +271,27 @@ $gl-zindex-9999: var(--gl-zindex-9999);
 $gl-alert-border-radius: var(--gl-alert-border-radius);
 $gl-alert-neutral-title-color: var(--gl-alert-neutral-title-color);
 $gl-alert-neutral-background-color: var(--gl-alert-neutral-background-color);
+$gl-alert-neutral-border-color: var(--gl-alert-neutral-border-color);
 $gl-alert-neutral-border-top-color: var(--gl-alert-neutral-border-top-color);
 $gl-alert-neutral-border-bottom-color: var(--gl-alert-neutral-border-bottom-color);
 $gl-alert-info-title-color: var(--gl-alert-info-title-color);
 $gl-alert-info-background-color: var(--gl-alert-info-background-color);
+$gl-alert-info-border-color: var(--gl-alert-info-border-color);
 $gl-alert-info-border-top-color: var(--gl-alert-info-border-top-color);
 $gl-alert-info-border-bottom-color: var(--gl-alert-info-border-bottom-color);
 $gl-alert-success-title-color: var(--gl-alert-success-title-color);
 $gl-alert-success-background-color: var(--gl-alert-success-background-color);
+$gl-alert-success-border-color: var(--gl-alert-success-border-color);
 $gl-alert-success-border-top-color: var(--gl-alert-success-border-top-color);
 $gl-alert-success-border-bottom-color: var(--gl-alert-success-border-bottom-color);
 $gl-alert-warning-title-color: var(--gl-alert-warning-title-color);
 $gl-alert-warning-background-color: var(--gl-alert-warning-background-color);
+$gl-alert-warning-border-color: var(--gl-alert-warning-border-color);
 $gl-alert-warning-border-top-color: var(--gl-alert-warning-border-top-color);
 $gl-alert-warning-border-bottom-color: var(--gl-alert-warning-border-bottom-color);
 $gl-alert-danger-title-color: var(--gl-alert-danger-title-color);
 $gl-alert-danger-background-color: var(--gl-alert-danger-background-color);
+$gl-alert-danger-border-color: var(--gl-alert-danger-border-color);
 $gl-alert-danger-border-top-color: var(--gl-alert-danger-border-top-color);
 $gl-alert-danger-border-bottom-color: var(--gl-alert-danger-border-bottom-color);
 $gl-application-chrome-background-color: var(--gl-application-chrome-background-color);

package/src/tokens/constant/color.neutral.tokens.json

@@ -21,12 +21,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.984313725490196,
-            0.9803921568627451,
-            0.9921568627450981
+            0.9686274509803922,
+            0.9686274509803922,
+            0.9607843137254902
           ],
           "alpha": 1,
-          "hex": "#fbfafd"
+          "hex": "#f7f7f5"
         },
         "$type": "color",
         "$extensions": {
@@ -38,11 +38,11 @@
           "colorSpace": "srgb",
           "components": [
             0.9254901960784314,
-            0.9254901960784314,
-            0.9372549019607843
+            0.9215686274509803,
+            0.9176470588235294
           ],
           "alpha": 1,
-          "hex": "#ececef"
+          "hex": "#ecebea"
         },
         "$type": "color",
         "$extensions": {
@@ -54,11 +54,11 @@
           "colorSpace": "srgb",
           "components": [
             0.8627450980392157,
-            0.8627450980392157,
-            0.8705882352941177
+            0.8588235294117647,
+            0.8509803921568627
           ],
           "alpha": 1,
-          "hex": "#dcdcde"
+          "hex": "#dcdbd9"
         },
         "$type": "color",
         "$extensions": {
@@ -69,12 +69,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
+            0.7568627450980392,
             0.7490196078431373,
-            0.7490196078431373,
-            0.7647058823529411
+            0.7450980392156863
           ],
           "alpha": 1,
-          "hex": "#bfbfc3"
+          "hex": "#c1bfbe"
         },
         "$type": "color",
         "$extensions": {
@@ -85,12 +85,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.6431372549019608,
+            0.6470588235294118,
             0.6392156862745098,
-            0.6588235294117647
+            0.6392156862745098
           ],
           "alpha": 1,
-          "hex": "#a4a3a8"
+          "hex": "#a5a3a3"
         },
         "$type": "color",
         "$extensions": {
@@ -101,12 +101,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.5372549019607843,
+            0.5411764705882353,
             0.5333333333333333,
-            0.5529411764705883
+            0.5333333333333333
           ],
           "alpha": 1,
-          "hex": "#89888d"
+          "hex": "#8a8888"
         },
         "$type": "color",
         "$extensions": {
@@ -117,12 +117,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.45098039215686275,
+            0.4549019607843137,
             0.4470588235294118,
-            0.47058823529411764
+            0.45098039215686275
           ],
           "alpha": 1,
-          "hex": "#737278"
+          "hex": "#747273"
         },
         "$type": "color",
         "$extensions": {
@@ -133,12 +133,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.3843137254901961,
+            0.39215686274509803,
             0.3803921568627451,
-            0.40784313725490196
+            0.38823529411764707
           ],
           "alpha": 1,
-          "hex": "#626168"
+          "hex": "#646163"
         },
         "$type": "color",
         "$extensions": {
@@ -149,12 +149,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.2980392156862745,
+            0.30196078431372547,
             0.29411764705882354,
-            0.3176470588235294
+            0.3058823529411765
           ],
           "alpha": 1,
-          "hex": "#4c4b51"
+          "hex": "#4d4b4e"
         },
         "$type": "color",
         "$extensions": {
@@ -167,10 +167,10 @@
           "components": [
             0.22745098039215686,
             0.2196078431372549,
-            0.24705882352941178
+            0.23921568627450981
           ],
           "alpha": 1,
-          "hex": "#3a383f"
+          "hex": "#3a383d"
         },
         "$type": "color",
         "$extensions": {
@@ -214,11 +214,11 @@
           "colorSpace": "srgb",
           "components": [
             0.0196078431372549,
-            0.0196078431372549,
-            0.023529411764705882
+            0.01568627450980392,
+            0.03137254901960784
           ],
           "alpha": 1,
-          "hex": "#050506"
+          "hex": "#050408"
         },
         "$type": "color",
         "$extensions": {