@gitlab/ui 128.13.1 → 128.13.3

package/src/scss/typography.scss

@@ -1,5 +1,15 @@
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
   @apply gl-text-heading;
 }
 
@@ -25,7 +35,7 @@ pre {
 }
 
 kbd {
-  @apply gl-inline-block gl-text-default gl-bg-subtle gl-border gl-border-b-strong gl-leading-1;
+  @apply gl-border gl-inline-block gl-border-b-strong gl-bg-subtle gl-leading-1 gl-text-default;
   font-size: 87.5%;
   padding: 3px 5px;
   vertical-align: unset;
@@ -35,15 +45,15 @@ kbd {
 }
 
 .table {
-  @apply gl-w-full gl-mb-3 gl-text-default gl-bg-transparent;
+  @apply gl-mb-3 gl-w-full gl-bg-transparent gl-text-default;
 
   th,
   td {
-    @apply gl-p-4 gl-align-top gl-border-t;
+    @apply gl-border-t gl-p-4 gl-align-top;
   }
 
   thead th {
-    @apply gl-align-bottom gl-border-b gl-border-b-2;
+    @apply gl-border-b gl-border-b-2 gl-align-bottom;
   }
 
   tbody + tbody {

package/src/scss/variables.scss

@@ -1,6 +1,6 @@
-@use 'sass:map';
-@import 'functions';
-@import '../tokens/build/scss/tokens';
+@use "sass:map";
+@import "functions";
+@import "../tokens/build/scss/tokens";
 
 // Layout
 $grid-size: px-to-rem(8px);
@@ -45,20 +45,33 @@ $gl-font-weight-semibold: 500;
 $gl-font-weight-bold: 600;
 
 $gl-font-weights: (
-  'normal': $gl-font-weight-normal,
-  'bold': $gl-font-weight-bold,
+  "normal": $gl-font-weight-normal,
+  "bold": $gl-font-weight-bold,
 );
 
 // Fonts
-$gl-monospace-font: 'GitLab Mono', 'JetBrains Mono', 'Menlo', 'DejaVu Sans Mono', 'Liberation Mono',
-  'Consolas', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace !default;
-$gl-regular-font: 'GitLab Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans',
-  Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-  'Segoe UI Symbol', 'Noto Color Emoji' !default;
+$gl-monospace-font:
+  "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas",
+  "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace !default;
+$gl-regular-font:
+  "GitLab Sans",
+  -apple-system,
+  BlinkMacSystemFont,
+  "Segoe UI",
+  Roboto,
+  "Noto Sans",
+  Ubuntu,
+  Cantarell,
+  "Helvetica Neue",
+  sans-serif,
+  "Apple Color Emoji",
+  "Segoe UI Emoji",
+  "Segoe UI Symbol",
+  "Noto Color Emoji" !default;
 
 $gl-fonts: (
-  'monospace': $gl-monospace-font,
-  'regular': $gl-regular-font,
+  "monospace": $gl-monospace-font,
+  "regular": $gl-regular-font,
 );
 
 // New UI type scale
@@ -195,9 +208,11 @@ $gl-easing-out-cubic: cubic-bezier(0.22, 0.61, 0.36, 1);
 $outline-offset: 1px;
 $outline-width: 2px;
 $outline: #{$outline-offset + $outline-width};
-$focus-ring: 0 0 0 $outline-offset var(--gl-focus-ring-inner-color),
+$focus-ring:
+  0 0 0 $outline-offset var(--gl-focus-ring-inner-color),
   0 0 0 #{$outline-offset + $outline-width} var(--gl-focus-ring-outer-color);
-$focus-ring-inset: inset 0 0 0 #{$outline-width + $outline-offset} var(--gl-focus-ring-inner-color),
+$focus-ring-inset:
+  inset 0 0 0 #{$outline-width + $outline-offset} var(--gl-focus-ring-inner-color),
   inset 0 0 0 $outline-offset var(--gl-focus-ring-inner-color);
 $focus-ring-outline: $outline-width solid var(--gl-focus-ring-outer-color);
 

package/src/tokens/build/css/tokens.css

@@ -230,8 +230,8 @@
   --gl-color-brand-gray-04: #45424d;
   --gl-color-brand-gray-05: #2b2838;
   --gl-color-brand-pink-01g: #ffb9c9;
-  --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
-  --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
+  --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
+  --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
   --gl-font-size-100: 0.75rem; /** Used for meta text and small labels. */
   --gl-font-size-200: 0.8125rem; /** Used for level 6 headings. */
   --gl-font-size-300: 0.875rem; /** Used for level 5 headings, body text, input labels, and help text. */

package/src/tokens/build/css/tokens.dark.css

@@ -230,8 +230,8 @@
   --gl-color-brand-gray-04: #45424d;
   --gl-color-brand-gray-05: #2b2838;
   --gl-color-brand-pink-01g: #ffb9c9;
-  --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
-  --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
+  --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
+  --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
   --gl-font-size-100: 0.75rem; /** Used for meta text and small labels. */
   --gl-font-size-200: 0.8125rem; /** Used for level 6 headings. */
   --gl-font-size-300: 0.875rem; /** Used for level 5 headings, body text, input labels, and help text. */

package/src/tokens/build/docs/tokens-tailwind-docs.dark.json

@@ -42281,6 +42281,7 @@
       "key": "{font.family.regular}",
       "$value": [
         "var(--default-regular-font, 'GitLab Sans')",
+        "'GitLab Sans'",
         "-apple-system",
         "BlinkMacSystemFont",
         "'Segoe UI'",
@@ -42306,6 +42307,7 @@
       "original": {
         "$value": [
           "var(--default-regular-font, 'GitLab Sans')",
+          "'GitLab Sans'",
           "-apple-system",
           "BlinkMacSystemFont",
           "'Segoe UI'",
@@ -42341,6 +42343,7 @@
       "key": "{font.family.monospace}",
       "$value": [
         "var(--default-mono-font, 'GitLab Mono')",
+        "'GitLab Mono'",
         "'JetBrains Mono'",
         "Menlo",
         "'DejaVu Sans Mono'",
@@ -42363,6 +42366,7 @@
       "original": {
         "$value": [
           "var(--default-mono-font, 'GitLab Mono')",
+          "'GitLab Mono'",
           "'JetBrains Mono'",
           "Menlo",
           "'DejaVu Sans Mono'",

package/src/tokens/build/docs/tokens-tailwind-docs.json

@@ -42281,6 +42281,7 @@
       "key": "{font.family.regular}",
       "$value": [
         "var(--default-regular-font, 'GitLab Sans')",
+        "'GitLab Sans'",
         "-apple-system",
         "BlinkMacSystemFont",
         "'Segoe UI'",
@@ -42306,6 +42307,7 @@
       "original": {
         "$value": [
           "var(--default-regular-font, 'GitLab Sans')",
+          "'GitLab Sans'",
           "-apple-system",
           "BlinkMacSystemFont",
           "'Segoe UI'",
@@ -42341,6 +42343,7 @@
       "key": "{font.family.monospace}",
       "$value": [
         "var(--default-mono-font, 'GitLab Mono')",
+        "'GitLab Mono'",
         "'JetBrains Mono'",
         "Menlo",
         "'DejaVu Sans Mono'",
@@ -42363,6 +42366,7 @@
       "original": {
         "$value": [
           "var(--default-mono-font, 'GitLab Mono')",
+          "'GitLab Mono'",
           "'JetBrains Mono'",
           "Menlo",
           "'DejaVu Sans Mono'",

package/src/tokens/build/figma/constants.dark.json

@@ -3692,7 +3692,7 @@
     }
   },
   "font-family-regular": {
-    "$value": "var(--default-regular-font, 'GitLab Sans'), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
+    "$value": "var(--default-regular-font, 'GitLab Sans'), 'GitLab Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
     "$type": "fontFamily",
     "$extensions": {
       "com.figma.scopes": [
@@ -3701,7 +3701,7 @@
     }
   },
   "font-family-monospace": {
-    "$value": "var(--default-mono-font, 'GitLab Mono'), 'JetBrains Mono', Menlo, 'DejaVu Sans Mono', 'Liberation Mono', Consolas, 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace",
+    "$value": "var(--default-mono-font, 'GitLab Mono'), 'GitLab Mono', 'JetBrains Mono', Menlo, 'DejaVu Sans Mono', 'Liberation Mono', Consolas, 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace",
     "$type": "fontFamily",
     "$extensions": {
       "com.figma.scopes": [

package/src/tokens/build/figma/constants.json

@@ -3695,7 +3695,7 @@
     }
   },
   "font-family-regular": {
-    "$value": "var(--default-regular-font, 'GitLab Sans'), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
+    "$value": "var(--default-regular-font, 'GitLab Sans'), 'GitLab Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
     "$type": "fontFamily",
     "$extensions": {
       "com.figma.scopes": [
@@ -3704,7 +3704,7 @@
     }
   },
   "font-family-monospace": {
-    "$value": "var(--default-mono-font, 'GitLab Mono'), 'JetBrains Mono', Menlo, 'DejaVu Sans Mono', 'Liberation Mono', Consolas, 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace",
+    "$value": "var(--default-mono-font, 'GitLab Mono'), 'GitLab Mono', 'JetBrains Mono', Menlo, 'DejaVu Sans Mono', 'Liberation Mono', Consolas, 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace",
     "$type": "fontFamily",
     "$extensions": {
       "com.figma.scopes": [

package/src/tokens/build/js/tokens.dark.js

@@ -245,6 +245,7 @@ export const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
 export const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
 export const GL_FONT_FAMILY_REGULAR = [
   "var(--default-regular-font, 'GitLab Sans')",
+  "'GitLab Sans'",
   '-apple-system',
   'BlinkMacSystemFont',
   "'Segoe UI'",
@@ -261,6 +262,7 @@ export const GL_FONT_FAMILY_REGULAR = [
 ];
 export const GL_FONT_FAMILY_MONOSPACE = [
   "var(--default-mono-font, 'GitLab Mono')",
+  "'GitLab Mono'",
   "'JetBrains Mono'",
   'Menlo',
   "'DejaVu Sans Mono'",

package/src/tokens/build/js/tokens.js

@@ -245,6 +245,7 @@ export const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
 export const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
 export const GL_FONT_FAMILY_REGULAR = [
   "var(--default-regular-font, 'GitLab Sans')",
+  "'GitLab Sans'",
   '-apple-system',
   'BlinkMacSystemFont',
   "'Segoe UI'",
@@ -261,6 +262,7 @@ export const GL_FONT_FAMILY_REGULAR = [
 ];
 export const GL_FONT_FAMILY_MONOSPACE = [
   "var(--default-mono-font, 'GitLab Mono')",
+  "'GitLab Mono'",
   "'JetBrains Mono'",
   'Menlo',
   "'DejaVu Sans Mono'",

package/src/tokens/build/json/tokens.dark.json

@@ -6170,6 +6170,7 @@
         "key": "{font.family.regular}",
         "$value": [
           "var(--default-regular-font, 'GitLab Sans')",
+          "'GitLab Sans'",
           "-apple-system",
           "BlinkMacSystemFont",
           "'Segoe UI'",
@@ -6195,6 +6196,7 @@
         "original": {
           "$value": [
             "var(--default-regular-font, 'GitLab Sans')",
+            "'GitLab Sans'",
             "-apple-system",
             "BlinkMacSystemFont",
             "'Segoe UI'",
@@ -6229,6 +6231,7 @@
         "key": "{font.family.monospace}",
         "$value": [
           "var(--default-mono-font, 'GitLab Mono')",
+          "'GitLab Mono'",
           "'JetBrains Mono'",
           "Menlo",
           "'DejaVu Sans Mono'",
@@ -6251,6 +6254,7 @@
         "original": {
           "$value": [
             "var(--default-mono-font, 'GitLab Mono')",
+            "'GitLab Mono'",
             "'JetBrains Mono'",
             "Menlo",
             "'DejaVu Sans Mono'",

package/src/tokens/build/json/tokens.json

@@ -6170,6 +6170,7 @@
         "key": "{font.family.regular}",
         "$value": [
           "var(--default-regular-font, 'GitLab Sans')",
+          "'GitLab Sans'",
           "-apple-system",
           "BlinkMacSystemFont",
           "'Segoe UI'",
@@ -6195,6 +6196,7 @@
         "original": {
           "$value": [
             "var(--default-regular-font, 'GitLab Sans')",
+            "'GitLab Sans'",
             "-apple-system",
             "BlinkMacSystemFont",
             "'Segoe UI'",
@@ -6229,6 +6231,7 @@
         "key": "{font.family.monospace}",
         "$value": [
           "var(--default-mono-font, 'GitLab Mono')",
+          "'GitLab Mono'",
           "'JetBrains Mono'",
           "Menlo",
           "'DejaVu Sans Mono'",
@@ -6251,6 +6254,7 @@
         "original": {
           "$value": [
             "var(--default-mono-font, 'GitLab Mono')",
+            "'GitLab Mono'",
             "'JetBrains Mono'",
             "Menlo",
             "'DejaVu Sans Mono'",

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

@@ -228,8 +228,8 @@ $gl-color-brand-gray-03: #74717a;
 $gl-color-brand-gray-04: #45424d;
 $gl-color-brand-gray-05: #2b2838;
 $gl-color-brand-pink-01g: #ffb9c9;
-$gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
-$gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
+$gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
+$gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
 $gl-font-size-100: 0.75rem; // Used for meta text and small labels.
 $gl-font-size-200: 0.8125rem; // Used for level 6 headings.
 $gl-font-size-300: 0.875rem; // Used for level 5 headings, body text, input labels, and help text.

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

@@ -228,8 +228,8 @@ $gl-color-brand-gray-03: #74717a;
 $gl-color-brand-gray-04: #45424d;
 $gl-color-brand-gray-05: #2b2838;
 $gl-color-brand-pink-01g: #ffb9c9;
-$gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
-$gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
+$gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
+$gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
 $gl-font-size-100: 0.75rem; // Used for meta text and small labels.
 $gl-font-size-200: 0.8125rem; // Used for level 6 headings.
 $gl-font-size-300: 0.875rem; // Used for level 5 headings, body text, input labels, and help text.

package/src/tokens/constant/font.tokens.json

@@ -4,6 +4,7 @@
       "regular": {
         "$value": [
           "var(--default-regular-font, 'GitLab Sans')",
+          "'GitLab Sans'",
           "-apple-system",
           "BlinkMacSystemFont",
           "'Segoe UI'",
@@ -28,6 +29,7 @@
       "monospace": {
         "$value": [
           "var(--default-mono-font, 'GitLab Mono')",
+          "'GitLab Mono'",
           "'JetBrains Mono'",
           "Menlo",
           "'DejaVu Sans Mono'",

package/src/vendor/bootstrap-vue/src/components/toast/helpers/bv-toast.js

@@ -10,7 +10,7 @@ import { concat } from '../../../utils/array'
 import { getComponentConfig } from '../../../utils/config'
 import { requestAF } from '../../../utils/dom'
 import { getRootEventName, getRootActionEventName } from '../../../utils/events'
-import { isUndefined } from '../../../utils/inspect'
+import { isUndefined, isFunction } from '../../../utils/inspect'
 import {
   assign,
   defineProperties,
@@ -24,6 +24,7 @@ import { pluginFactory } from '../../../utils/plugins'
 import { warn, warnNotClient } from '../../../utils/warn'
 import { createNewChildComponent } from '../../../utils/create-new-child-component'
 import { getEventRoot } from '../../../utils/get-event-root'
+import { isVue3 } from '../../../vue'
 import { BToast, props as toastProps } from '../toast'
 
 // --- Constants ---
@@ -129,9 +130,24 @@ const plugin = Vue => {
     })
     // Convert certain props to slots
     keys(propsToSlots).forEach(prop => {
-      const value = props[prop]
+      let value = props[prop]
       if (!isUndefined(value)) {
-        toast.$slots[propsToSlots[prop]] = concat(value)
+        if (isVue3(toast)) {
+          // In Vue 3 compat, $slots is readonly. Set slots on the internal
+          // instance as functions so VNodes are available during the
+          // component's render cycle. When the value is a render function,
+          // defer calling it until the slot is evaluated during render so
+          // that $createElement runs within an active component context.
+          const slotFn = isFunction(value)
+            ? () => concat(value(toast.$createElement))
+            : () => concat(value)
+          toast.$.slots[propsToSlots[prop]] = slotFn
+        } else {
+          if (isFunction(value)) {
+            value = value(toast.$createElement)
+          }
+          toast.$slots[propsToSlots[prop]] = concat(value)
+        }
       }
     })
     // Create a mount point (a DIV) and mount it (which triggers the show)

package/src/vendor/bootstrap-vue/src/components/toast/toast.js

@@ -259,7 +259,12 @@ export const BToast = /*#__PURE__*/ extend({
       }
 
       const { computedToaster } = this
-      if (!Wormhole.hasTarget(computedToaster)) {
+      const hasTarget = Wormhole.hasTarget(computedToaster)
+      const hasDOM = document.getElementById(computedToaster)
+      if (!hasTarget || !hasDOM) {
+        if (hasTarget && !hasDOM) {
+          Wormhole.unregisterTarget(computedToaster)
+        }
         const div = document.createElement('div')
         document.body.appendChild(div)