@gitlab/ui 104.1.1 → 104.2.0

package/package.json

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

package/src/scss/typography.scss

@@ -3,6 +3,19 @@ h1, h2, h3, h4, h5, h6,
   @apply gl-text-heading;
 }
 
+a {
+  @apply gl-text-link gl-no-underline hover:gl-text-link hover:gl-underline;
+}
+
+// Copied from https://gitlab.com/gitlab-org/gitlab-ui/-/blob/5db1e111501c9e252a388a780e2789dce11dedf4/src/vendor/bootstrap/scss/_reboot.scss#L194.
+// And undo these styles for placeholder links/named anchors (without href).
+// It would be more straightforward to just use a[href] in previous block, but that
+// causes specificity issues in many other styles that are too complex to fix.
+// See https://github.com/twbs/bootstrap/issues/19402
+a:not([href]):not([class]) {
+  @apply gl-text-inherit gl-no-underline hover:gl-text-inherit hover:gl-no-underline;
+}
+
 caption {
   @apply gl-text-subtle;
-}
+}

package/src/vendor/bootstrap/scss/_reboot.scss

@@ -176,37 +176,6 @@ sub { bottom: -.25em; }
 sup { top: -.5em; }
 
 
-//
-// Links
-//
-
-a {
-  color: $link-color;
-  text-decoration: $link-decoration;
-  background-color: transparent; // Remove the gray background on active links in IE 10.
-
-  @include hover() {
-    color: $link-hover-color;
-    text-decoration: $link-hover-decoration;
-  }
-}
-
-// And undo these styles for placeholder links/named anchors (without href).
-// It would be more straightforward to just use a[href] in previous block, but that
-// causes specificity issues in many other styles that are too complex to fix.
-// See https://github.com/twbs/bootstrap/issues/19402
-
-a:not([href]):not([class]) {
-  color: inherit;
-  text-decoration: none;
-
-  @include hover() {
-    color: inherit;
-    text-decoration: none;
-  }
-}
-
-
 //
 // Code
 //

package/tailwind.defaults.js

@@ -474,7 +474,7 @@ module.exports = {
       'inner-2-blue-400': 'inset 0 0 0 2px var(--blue-400, #428fdc)',
       'inner-b-1-gray-100': 'inset 0 -1px 0 0 var(--gray-100, #dcdcde)',
       'inner-b-1-border-default':
-        'inset 0 0 0 1px var(--gl-border-color-default, var(--gl-color-neutral-100, #dcdcde))',
+        'inset 0 -1px 0 0 var(--gl-border-color-default, var(--gl-color-neutral-100, #dcdcde))',
       'inner-b-2-blue-500': 'inset 0 -2px 0 0 var(--blue-500, #1f75cb)',
       'inner-b-2-theme-accent':
         'inset 0 -2px 0 0 var(--gl-theme-accent, var(--theme-indigo-500, #6666c4))',