@gitlab/ui 106.0.0 → 106.2.0

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

@@ -21647,15 +21647,15 @@
         ]
       },
       "link": {
-        "$value": "#1068bf",
+        "$value": "#0b5cad",
         "$type": "color",
         "$description": "Used for an icon within a link.",
         "filePath": "src/tokens/icon.tokens.json",
         "isSource": true,
         "original": {
           "$value": {
-            "default": "{color.blue.600}",
-            "dark": "{color.blue.300}"
+            "default": "{color.blue.700}",
+            "dark": "{color.blue.200}"
           },
           "$type": "color",
           "$description": "Used for an icon within a link."
@@ -21669,15 +21669,15 @@
         ]
       },
       "info": {
-        "$value": "#1068bf",
+        "$value": "#0b5cad",
         "$type": "color",
         "$description": "Used for an icon associated with information or help.",
         "filePath": "src/tokens/icon.tokens.json",
         "isSource": true,
         "original": {
           "$value": {
-            "default": "{color.blue.600}",
-            "dark": "{color.blue.300}"
+            "default": "{color.blue.700}",
+            "dark": "{color.blue.200}"
           },
           "$type": "color",
           "$description": "Used for an icon associated with information or help."

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

@@ -773,8 +773,8 @@ $gl-icon-color-default: $gl-color-neutral-100; // Used for the default icon colo
 $gl-icon-color-subtle: $gl-color-neutral-300; // Used for a static or decorational icon. Can be paired with subtle text.
 $gl-icon-color-strong: $gl-color-neutral-10; // Used for an icon with the highest contrast.
 $gl-icon-color-disabled: $gl-color-neutral-500; // Used for an icon within a disabled section.
-$gl-icon-color-link: $gl-color-blue-300; // Used for an icon within a link.
-$gl-icon-color-info: $gl-color-blue-300; // Used for an icon associated with information or help.
+$gl-icon-color-link: $gl-color-blue-200; // Used for an icon within a link.
+$gl-icon-color-info: $gl-color-blue-200; // Used for an icon associated with information or help.
 $gl-icon-color-warning: $gl-color-orange-300; // Used for an icon associated with a warning.
 $gl-icon-color-danger: $gl-color-red-300; // Used for an icon associated with an error or danger.
 $gl-icon-color-success: $gl-color-green-300; // Used for an icon associated with success or validity.

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

@@ -773,8 +773,8 @@ $gl-icon-color-default: $gl-color-neutral-700; // Used for the default icon colo
 $gl-icon-color-subtle: $gl-color-neutral-500; // Used for a static or decorational icon. Can be paired with subtle text.
 $gl-icon-color-strong: $gl-color-neutral-900; // Used for an icon with the highest contrast.
 $gl-icon-color-disabled: $gl-color-neutral-300; // Used for an icon within a disabled section.
-$gl-icon-color-link: $gl-color-blue-600; // Used for an icon within a link.
-$gl-icon-color-info: $gl-color-blue-600; // Used for an icon associated with information or help.
+$gl-icon-color-link: $gl-color-blue-700; // Used for an icon within a link.
+$gl-icon-color-info: $gl-color-blue-700; // Used for an icon associated with information or help.
 $gl-icon-color-warning: $gl-color-orange-600; // Used for an icon associated with a warning.
 $gl-icon-color-danger: $gl-color-red-600; // Used for an icon associated with an error or danger.
 $gl-icon-color-success: $gl-color-green-600; // Used for an icon associated with success or validity.

package/src/tokens/build/tailwind/tokens.cjs

@@ -251,8 +251,8 @@ const iconColors = {
   subtle: 'var(--gl-icon-color-subtle, var(--gl-color-neutral-500, #737278))',
   strong: 'var(--gl-icon-color-strong, var(--gl-color-neutral-900, #28272d))',
   disabled: 'var(--gl-icon-color-disabled, var(--gl-color-neutral-300, #a4a3a8))',
-  link: 'var(--gl-icon-color-link, var(--gl-color-blue-600, #1068bf))',
-  info: 'var(--gl-icon-color-info, var(--gl-color-blue-600, #1068bf))',
+  link: 'var(--gl-icon-color-link, var(--gl-color-blue-700, #0b5cad))',
+  info: 'var(--gl-icon-color-info, var(--gl-color-blue-700, #0b5cad))',
   warning: 'var(--gl-icon-color-warning, var(--gl-color-orange-600, #9e5400))',
   danger: 'var(--gl-icon-color-danger, var(--gl-color-red-600, #c91c00))',
   success: 'var(--gl-icon-color-success, var(--gl-color-green-600, #217645))',

package/src/tokens/icon.tokens.json

@@ -35,16 +35,16 @@
       },
       "link": {
         "$value": {
-          "default": "{color.blue.600}",
-          "dark": "{color.blue.300}"
+          "default": "{color.blue.700}",
+          "dark": "{color.blue.200}"
         },
         "$type": "color",
         "$description": "Used for an icon within a link."
       },
       "info": {
         "$value": {
-          "default": "{color.blue.600}",
-          "dark": "{color.blue.300}"
+          "default": "{color.blue.700}",
+          "dark": "{color.blue.200}"
         },
         "$type": "color",
         "$description": "Used for an icon associated with information or help."

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

@@ -33,18 +33,36 @@ if (isVue3) {
   const originalVModelDynamicCreated = Vue.vModelDynamic.created
   const originalVModelDynamicBeforeUpdate = Vue.vModelDynamic.beforeUpdate
 
+  let assignSymbol
+
   // See https://github.com/vuejs/vue-next/pull/4121 for details
   Vue.vModelDynamic.created = function(el, binding, vnode) {
     originalVModelDynamicCreated.call(this, el, binding, vnode)
     if (!el._assign) {
       el._assign = () => {}
     }
+
+    // Added check for Symbol('_assign') to fix in compat 3.3.5+ based on https://github.com/bootstrap-vue/bootstrap-vue/issues/7181
+    if (!assignSymbol) {
+      assignSymbol = Object.getOwnPropertySymbols(el).find(s => s.description === '_assign')
+    }
+    if (!el[assignSymbol]) {
+      el[assignSymbol] = function() {}
+    }
   }
   Vue.vModelDynamic.beforeUpdate = function(el, binding, vnode) {
     originalVModelDynamicBeforeUpdate.call(this, el, binding, vnode)
     if (!el._assign) {
       el._assign = () => {}
     }
+
+    // Added check for Symbol('_assign') to fix in 3.3.5+ based on https://github.com/bootstrap-vue/bootstrap-vue/issues/7181
+    if (!assignSymbol) {
+      assignSymbol = Object.getOwnPropertySymbols(el).find(s => s.description === '_assign')
+    }
+    if (!el[assignSymbol]) {
+      el[assignSymbol] = function() {}
+    }
   }
   extend = function patchedBootstrapVueExtend(definition) {
     if (typeof definition === 'object' && definition.render && !definition.__alreadyPatched) {