@gitlab/ui 52.7.0 → 52.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "52.7.0",
+  "version": "52.7.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/scss_to_js/scss_variables.js

@@ -327,7 +327,6 @@ export const glDropdownWidth = '15rem'
 export const glDropdownWidthNarrow = '10rem'
 export const glDropdownWidthWide = '25rem'
 export const glMaxDropdownMaxHeight = '19.5rem'
-export const glBroadcastMessageTextMaxWidth = '58.375rem'
 export const glBroadcastMessageNotificationMaxWidth = '18.75rem'
 export const glModalSmallWidth = '32rem'
 export const glModalMediumWidth = '48rem'

package/scss_to_js/scss_variables.json

@@ -1745,11 +1745,6 @@
       "value": "px-to-rem(312px)",
       "compiledValue": "19.5rem"
     },
-    {
-      "name": "$gl-broadcast-message-text-max-width",
-      "value": "px-to-rem(934px)",
-      "compiledValue": "58.375rem"
-    },
     {
       "name": "$gl-broadcast-message-notification-max-width",
       "value": "px-to-rem(300px)",

package/src/components/base/broadcast_message/broadcast_message.scss

@@ -68,10 +68,6 @@
     @include gl-justify-content-center;
   }
 
-  &-text {
-    max-width: $gl-broadcast-message-text-max-width;
-  }
-
   &-icon {
     @include gl-mr-5;
 

package/src/components/base/broadcast_message/broadcast_message.vue

@@ -79,7 +79,7 @@ export default {
       <div class="gl-broadcast-message-icon gl-line-height-normal">
         <gl-icon :name="iconName" />
       </div>
-      <div class="gl-broadcast-message-text gl-my-n1">
+      <div class="gl-my-n1">
         <!-- @slot The broadcast message's text -->
         <slot></slot>
       </div>

package/src/components/base/new_dropdowns/listbox/listbox.stories.js

@@ -590,5 +590,8 @@ export const InfiniteScroll = (
 InfiniteScroll.argTypes = {
   ...disableControls(['infiniteScroll', 'infiniteScrollLoading', 'items']),
 };
+InfiniteScroll.parameters = {
+  storyshots: { disable: true },
+};
 InfiniteScroll.args = generateProps();
 InfiniteScroll.decorators = [makeContainer({ height: '370px' })];

package/src/scss/variables.scss

@@ -462,7 +462,6 @@ $gl-dropdown-width-wide: px-to-rem(400px);
 $gl-max-dropdown-max-height: px-to-rem(312px);
 
 // Broadcast messages
-$gl-broadcast-message-text-max-width: px-to-rem(934px);
 $gl-broadcast-message-notification-max-width: px-to-rem(300px);
 
 // Modal Widths