@nice-digital/nds-core 4.0.5 → 4.0.7-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.
@@ -13,7 +13,7 @@ export declare const breakpoints: {
13
13
  lg: number;
14
14
  xl: number;
15
15
  };
16
- export declare type breakpointType = keyof typeof breakpoints;
16
+ export type breakpointType = keyof typeof breakpoints;
17
17
  /**
18
18
  * Determines if the device's width matches a min-width query from the given breakpoint.
19
19
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nice-digital/nds-core",
3
- "version": "4.0.5",
3
+ "version": "4.0.7-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": [
@@ -47,5 +47,5 @@
47
47
  "@types/node": "^18.11.9",
48
48
  "typescript": "^4.8.4"
49
49
  },
50
- "gitHead": "e67fd2490ceb695211f9f57985f8ef525c43cc7d"
50
+ "gitHead": "8b33a79ecc8fa224223615ebe8647378e97936ad"
51
51
  }
@@ -120,6 +120,7 @@ $full-bleed-text-image-light: global.$nice-black;
120
120
  // Hero
121
121
  $hero-background: global.$nice-blue-tint-1;
122
122
  $hero-border: global.$nice-blue-tint-2;
123
+ $hero-image-wash: global.$nice-black;
123
124
 
124
125
  // Horizontal nav
125
126
  $horizontal-nav-list-border: global.$nice-black;
@@ -132,6 +133,9 @@ $horizontal-nav-active-link-mobile-background: global.$nice-teal;
132
133
  // Icons
133
134
  $icons: global.$nice-teal;
134
135
 
136
+ // Page header
137
+ $page-header-full-width-background: global.$nice-cream-3;
138
+
135
139
  // Panels
136
140
  $panel-default-background: global.$nice-cream;
137
141
  $panel-default-border: global.$custom-grey-2;
@@ -36,6 +36,14 @@ $readable-width: 66ch;
36
36
  }
37
37
  }
38
38
 
39
+ /// Break an element out of its container
40
+ @mixin fullWidth {
41
+ left: 50%;
42
+ margin-left: -50vw;
43
+ position: relative;
44
+ width: 100vw;
45
+ }
46
+
39
47
  /// Placeholder for clearfix
40
48
  /// @since 0.1.0
41
49
  %clearfix {