@nice-digital/nds-core 2.0.4-alpha.0 → 2.0.5-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nice-digital/nds-core",
3
- "version": "2.0.4-alpha.0",
3
+ "version": "2.0.5-alpha.0",
4
4
  "description": "Core code for the NICE Design System",
5
5
  "author": "Ian Routledge <ian.routledge@nice.org.uk>",
6
6
  "contributors": [
@@ -44,5 +44,5 @@
44
44
  "devDependencies": {
45
45
  "@babel/cli": "^7.5.0"
46
46
  },
47
- "gitHead": "5bbe911b595b15d7d039aec0972d5aeabcd8de6f"
47
+ "gitHead": "c560cb90c31f1c8d2e3085df9b32bc4e47a37929"
48
48
  }
@@ -1,6 +1,7 @@
1
1
  @use 'sass:color';
2
2
  @use '../colours';
3
3
  @use '../focus';
4
+ @use 'settings';
4
5
 
5
6
  ////
6
7
  /// @group Typography
@@ -20,7 +21,7 @@
20
21
 
21
22
  &:hover {
22
23
  color: colours.$link-hover;
23
- text-decoration-thickness: 0.15rem;
24
+ text-decoration-thickness: settings.$link-hover-text-decoration-thickness;
24
25
  }
25
26
 
26
27
  &:focus {
@@ -45,7 +46,7 @@
45
46
  /// Inverse link style for use on an inverse (dark) background
46
47
  /// @since 0.3.1
47
48
  @mixin link-inverse {
48
- color: colours.$link-inverse;
49
+ color: colours.$link-inverse !important; // Use important here to override conflicting styles in inverse containers
49
50
  -webkit-tap-highlight-color: color.adjust(colours.$focus, $alpha: -0.666);
50
51
  text-decoration: underline;
51
52
  text-decoration-skip-ink: auto;
@@ -14,6 +14,10 @@ $base-font-size: 16;
14
14
  /// @since 0.2.0
15
15
  $base-line-height: 1.6;
16
16
 
17
+ /// Default text decoration thickness for link hover
18
+ /// @since 3.0.0
19
+ $link-hover-text-decoration-thickness: 0.2rem;
20
+
17
21
  /// Sans-serif font stack
18
22
  /// @since 2.0.0
19
23
  $font-family-sans: 'Inter, Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif';