@nice-digital/nds-core 4.0.15 → 4.0.17-alpha-node-update.0

package/es/breakpoints.d.ts

@@ -1,28 +1,28 @@
-/**
- * @module Breakpoints
- */
-/**
- * The breakpoints, in pixel values.
- * These correspond with the breakpoints defined in SASS.
- * Often not used directly, but via matchesFrom.
- */
-export declare const breakpoints: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-export type breakpointType = keyof typeof breakpoints;
-/**
- * Determines if the device's width matches a min-width query from the given breakpoint.
- *
- * @param {string} breakpointName The breakpoint name
- * @return {Boolean} True if it matches, false otherwise.
- *
- * @example
- * 	import { matchesFrom } from "./breakpoints";
- * 	// Checks if the media query (min-width: 25em) matches
- * 	var matches = matchesFrom("xs");
- */
-export declare const matchesFrom: (breakpointName: string) => boolean;
+/**
+ * @module Breakpoints
+ */
+/**
+ * The breakpoints, in pixel values.
+ * These correspond with the breakpoints defined in SASS.
+ * Often not used directly, but via matchesFrom.
+ */
+export declare const breakpoints: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export type breakpointType = keyof typeof breakpoints;
+/**
+ * Determines if the device's width matches a min-width query from the given breakpoint.
+ *
+ * @param {string} breakpointName The breakpoint name
+ * @return {Boolean} True if it matches, false otherwise.
+ *
+ * @example
+ * 	import { matchesFrom } from "./breakpoints";
+ * 	// Checks if the media query (min-width: 25em) matches
+ * 	var matches = matchesFrom("xs");
+ */
+export declare const matchesFrom: (breakpointName: string) => boolean;

package/es/breakpoints.js

@@ -1,39 +1,39 @@
-"use strict";
-/**
- * @module Breakpoints
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.matchesFrom = exports.breakpoints = void 0;
-/**
- * The breakpoints, in pixel values.
- * These correspond with the breakpoints defined in SASS.
- * Often not used directly, but via matchesFrom.
- */
-exports.breakpoints = {
-    xs: 400,
-    sm: 600,
-    md: 900,
-    lg: 1200,
-    xl: 1600
-};
-/**
- * Determines if the device's width matches a min-width query from the given breakpoint.
- *
- * @param {string} breakpointName The breakpoint name
- * @return {Boolean} True if it matches, false otherwise.
- *
- * @example
- * 	import { matchesFrom } from "./breakpoints";
- * 	// Checks if the media query (min-width: 25em) matches
- * 	var matches = matchesFrom("xs");
- */
-const matchesFrom = (breakpointName) => {
-    let breakpointPx = exports.breakpoints[breakpointName];
-    if (!breakpointPx) {
-        throw new Error(`Breakpoint ${breakpointName} does not exist`);
-    }
-    // Assume matchMedia is polyfilled elsewhere
-    // Convert to ems to match the media query if the browser's root font-size isn't 16
-    return window.matchMedia(`(min-width: ${breakpointPx / 16}em)`).matches;
-};
-exports.matchesFrom = matchesFrom;
+"use strict";
+/**
+ * @module Breakpoints
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.matchesFrom = exports.breakpoints = void 0;
+/**
+ * The breakpoints, in pixel values.
+ * These correspond with the breakpoints defined in SASS.
+ * Often not used directly, but via matchesFrom.
+ */
+exports.breakpoints = {
+    xs: 400,
+    sm: 600,
+    md: 900,
+    lg: 1200,
+    xl: 1600
+};
+/**
+ * Determines if the device's width matches a min-width query from the given breakpoint.
+ *
+ * @param {string} breakpointName The breakpoint name
+ * @return {Boolean} True if it matches, false otherwise.
+ *
+ * @example
+ * 	import { matchesFrom } from "./breakpoints";
+ * 	// Checks if the media query (min-width: 25em) matches
+ * 	var matches = matchesFrom("xs");
+ */
+const matchesFrom = (breakpointName) => {
+    let breakpointPx = exports.breakpoints[breakpointName];
+    if (!breakpointPx) {
+        throw new Error(`Breakpoint ${breakpointName} does not exist`);
+    }
+    // Assume matchMedia is polyfilled elsewhere
+    // Convert to ems to match the media query if the browser's root font-size isn't 16
+    return window.matchMedia(`(min-width: ${breakpointPx / 16}em)`).matches;
+};
+exports.matchesFrom = matchesFrom;

package/es/core.d.ts

@@ -1,2 +1,2 @@
-export * from "./utils";
-export * from "./breakpoints";
+export * from "./utils";
+export * from "./breakpoints";

package/es/core.js

@@ -1,18 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./utils"), exports);
-__exportStar(require("./breakpoints"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./utils"), exports);
+__exportStar(require("./breakpoints"), exports);

package/es/utils.d.ts

@@ -1,78 +1,78 @@
-/**
- * @module Utils
- * Utility functions
- */
-/**
- * Trims whitespace characters from the start and end of a string.
- * This utility method exists because String.prototype.trim is
- * not supported in IE8.
- *
- * @param {string} str The string to trim
- */
-export declare const trim: (str: string) => string;
-/**
- * Throttle events
- * See https://remysharp.com/2010/07/21/throttling-function-calls
- *
- * @param      {Function}  func       The function to throttle
- * @param      {Integer}  threshold  The threshold period, in milliseconds
- * @param      {Object}  scope   The context of the throttled function
- * @return     {Function}  { The throttled function }
- */
-export declare const throttle: (fn: Function, threshold?: number, scope?: Object | null) => () => void;
-/**
- * Debounce
- * See http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
- *
- * @param      {Function}  func       The function to debounce
- * @param      {boolean}  execAsap   Whether to execute the function now
- * @param      {Integer}  threshold  The detection period, in milliseconds
- * @param      {Object}  scope  The context for the debounced function
- * @return     {Function}  { The debounced function }
- */
-export declare const debounce: (func: Function, execAsap?: boolean, threshold?: number, scope?: Object | null) => () => void;
-/**
- * Turns a string into a slug.
- * See {@link https://gist.github.com/mathewbyrne/1280286#gistcomment-1606270|this gist}.
- *
- * @param {string} str { The string to slugify }
- * @returns {string} { The slugified string }
- *
- * @example <caption>Example slugifying</caption>
- *          import { slugify } from "./utils";
- *          // returns "a-string-to-transform-and-slugify"
- *          slugify("A (string) to transform & slugify!");
- */
-export declare const slugify: (str: string) => string;
-/**
- * Generates a unique id in the form prefix-n by incrementing a counter.
- * The first time this is called it will return "uid-1" then "uid-2" and so on.
- * See {@link http://stackoverflow.com/a/20302361|This StackOverflow answer}.
- *
- * @param {string} prefix { The prefix for the id to return. Defaults to "uid" }
- * @return {string} { The unique id }
- *
- * @example <caption>Simple example</caption>
- *          import { nextUniqueId } from "./utils";
- *          // returns "uid-1"
- *          nextUniqueId();
- *
- * @example <caption>Prefix example</caption>
- *          import utils from "./utils";
- *          // returns "prefix-1"
- *          utils.nextUniqueId("prefix");
- */
-export declare const nextUniqueId: (prefix?: string) => string;
-/**
- * CamelCases a  string
- * @param {string} str The string to camel case
- */
-export declare const camelCase: (str: string) => string;
-declare const _default: {
-    throttle: (fn: Function, threshold?: number, scope?: Object | null) => () => void;
-    debounce: (func: Function, execAsap?: boolean, threshold?: number, scope?: Object | null) => () => void;
-    slugify: (str: string) => string;
-    nextUniqueId: (prefix?: string) => string;
-    camelCase: (str: string) => string;
-};
-export default _default;
+/**
+ * @module Utils
+ * Utility functions
+ */
+/**
+ * Trims whitespace characters from the start and end of a string.
+ * This utility method exists because String.prototype.trim is
+ * not supported in IE8.
+ *
+ * @param {string} str The string to trim
+ */
+export declare const trim: (str: string) => string;
+/**
+ * Throttle events
+ * See https://remysharp.com/2010/07/21/throttling-function-calls
+ *
+ * @param      {Function}  func       The function to throttle
+ * @param      {Integer}  threshold  The threshold period, in milliseconds
+ * @param      {Object}  scope   The context of the throttled function
+ * @return     {Function}  { The throttled function }
+ */
+export declare const throttle: (fn: Function, threshold?: number, scope?: Object | null) => () => void;
+/**
+ * Debounce
+ * See http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
+ *
+ * @param      {Function}  func       The function to debounce
+ * @param      {boolean}  execAsap   Whether to execute the function now
+ * @param      {Integer}  threshold  The detection period, in milliseconds
+ * @param      {Object}  scope  The context for the debounced function
+ * @return     {Function}  { The debounced function }
+ */
+export declare const debounce: (func: Function, execAsap?: boolean, threshold?: number, scope?: Object | null) => () => void;
+/**
+ * Turns a string into a slug.
+ * See {@link https://gist.github.com/mathewbyrne/1280286#gistcomment-1606270|this gist}.
+ *
+ * @param {string} str { The string to slugify }
+ * @returns {string} { The slugified string }
+ *
+ * @example <caption>Example slugifying</caption>
+ *          import { slugify } from "./utils";
+ *          // returns "a-string-to-transform-and-slugify"
+ *          slugify("A (string) to transform & slugify!");
+ */
+export declare const slugify: (str: string) => string;
+/**
+ * Generates a unique id in the form prefix-n by incrementing a counter.
+ * The first time this is called it will return "uid-1" then "uid-2" and so on.
+ * See {@link http://stackoverflow.com/a/20302361|This StackOverflow answer}.
+ *
+ * @param {string} prefix { The prefix for the id to return. Defaults to "uid" }
+ * @return {string} { The unique id }
+ *
+ * @example <caption>Simple example</caption>
+ *          import { nextUniqueId } from "./utils";
+ *          // returns "uid-1"
+ *          nextUniqueId();
+ *
+ * @example <caption>Prefix example</caption>
+ *          import utils from "./utils";
+ *          // returns "prefix-1"
+ *          utils.nextUniqueId("prefix");
+ */
+export declare const nextUniqueId: (prefix?: string) => string;
+/**
+ * CamelCases a  string
+ * @param {string} str The string to camel case
+ */
+export declare const camelCase: (str: string) => string;
+declare const _default: {
+    throttle: (fn: Function, threshold?: number, scope?: Object | null) => () => void;
+    debounce: (func: Function, execAsap?: boolean, threshold?: number, scope?: Object | null) => () => void;
+    slugify: (str: string) => string;
+    nextUniqueId: (prefix?: string) => string;
+    camelCase: (str: string) => string;
+};
+export default _default;

package/es/utils.js

@@ -1,140 +1,140 @@
-"use strict";
-/**
- * @module Utils
- * Utility functions
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.camelCase = exports.nextUniqueId = exports.slugify = exports.debounce = exports.throttle = exports.trim = void 0;
-/**
- * Trims whitespace characters from the start and end of a string.
- * This utility method exists because String.prototype.trim is
- * not supported in IE8.
- *
- * @param {string} str The string to trim
- */
-const trim = function (str) {
-    return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
-};
-exports.trim = trim;
-/**
- * Throttle events
- * See https://remysharp.com/2010/07/21/throttling-function-calls
- *
- * @param      {Function}  func       The function to throttle
- * @param      {Integer}  threshold  The threshold period, in milliseconds
- * @param      {Object}  scope   The context of the throttled function
- * @return     {Function}  { The throttled function }
- */
-const throttle = function (fn, threshold = 100, scope = null) {
-    let last, deferTimer;
-    return function throttled() {
-        let context = scope || this, now = +new Date(), args = arguments;
-        if (last && now < last + threshold) {
-            // hold on to it
-            clearTimeout(deferTimer);
-            deferTimer = setTimeout(function () {
-                last = now;
-                fn.apply(context, args);
-            }, threshold);
-        }
-        else {
-            last = now;
-            fn.apply(context, args);
-        }
-    };
-};
-exports.throttle = throttle;
-/**
- * Debounce
- * See http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
- *
- * @param      {Function}  func       The function to debounce
- * @param      {boolean}  execAsap   Whether to execute the function now
- * @param      {Integer}  threshold  The detection period, in milliseconds
- * @param      {Object}  scope  The context for the debounced function
- * @return     {Function}  { The debounced function }
- */
-const debounce = function (func, execAsap = false, threshold = 100, scope = null) {
-    let timeout;
-    return function debounced() {
-        let context = scope || this, args = arguments;
-        function delayed() {
-            if (!execAsap)
-                func.apply(context, args);
-            timeout = null;
-        }
-        if (timeout)
-            clearTimeout(timeout);
-        else if (execAsap)
-            func.apply(context, args);
-        timeout = setTimeout(delayed, threshold);
-    };
-};
-exports.debounce = debounce;
-/**
- * Turns a string into a slug.
- * See {@link https://gist.github.com/mathewbyrne/1280286#gistcomment-1606270|this gist}.
- *
- * @param {string} str { The string to slugify }
- * @returns {string} { The slugified string }
- *
- * @example <caption>Example slugifying</caption>
- *          import { slugify } from "./utils";
- *          // returns "a-string-to-transform-and-slugify"
- *          slugify("A (string) to transform & slugify!");
- */
-const slugify = (str) => {
-    return (0, exports.trim)(str)
-        .toLowerCase()
-        .replace(/\s+/g, "-") // Replace spaces with -
-        .replace(/&/g, "-and-") // Replace & with 'and'
-        .replace(/[^\w-]+/g, "") // Remove all non-word chars
-        .replace(/^-+/g, "") // Trim dashes from the start
-        .replace(/-+$/g, "") // Trim dashes from the end
-        .replace(/-{2,}/g, "-"); // Replace multiple - with single -
-};
-exports.slugify = slugify;
-/**
- * Generates a unique id in the form prefix-n by incrementing a counter.
- * The first time this is called it will return "uid-1" then "uid-2" and so on.
- * See {@link http://stackoverflow.com/a/20302361|This StackOverflow answer}.
- *
- * @param {string} prefix { The prefix for the id to return. Defaults to "uid" }
- * @return {string} { The unique id }
- *
- * @example <caption>Simple example</caption>
- *          import { nextUniqueId } from "./utils";
- *          // returns "uid-1"
- *          nextUniqueId();
- *
- * @example <caption>Prefix example</caption>
- *          import utils from "./utils";
- *          // returns "prefix-1"
- *          utils.nextUniqueId("prefix");
- */
-exports.nextUniqueId = (function (i) {
-    return function (prefix = "uid") {
-        return `${prefix}-${++i}`;
-    };
-})(0);
-/**
- * CamelCases a  string
- * @param {string} str The string to camel case
- */
-const camelCase = function (str) {
-    str = str.split("-").join(" "); // To support kebab-case
-    // See https://stackoverflow.com/a/2970667/486434
-    return str
-        .replace(/(?:^\w|[A-Z]|\b\w)/g, function (letter, index) {
-        return index === 0 ? letter.toLowerCase() : letter.toUpperCase();
-    })
-        .replace(/\s+/g, "");
-};
-exports.camelCase = camelCase;
-exports.default = {
-    throttle: exports.throttle,
-    debounce: exports.debounce,
-    slugify: exports.slugify,
-    nextUniqueId: exports.nextUniqueId,
-    camelCase: exports.camelCase
-};
+"use strict";
+/**
+ * @module Utils
+ * Utility functions
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.camelCase = exports.nextUniqueId = exports.slugify = exports.debounce = exports.throttle = exports.trim = void 0;
+/**
+ * Trims whitespace characters from the start and end of a string.
+ * This utility method exists because String.prototype.trim is
+ * not supported in IE8.
+ *
+ * @param {string} str The string to trim
+ */
+const trim = function (str) {
+    return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+};
+exports.trim = trim;
+/**
+ * Throttle events
+ * See https://remysharp.com/2010/07/21/throttling-function-calls
+ *
+ * @param      {Function}  func       The function to throttle
+ * @param      {Integer}  threshold  The threshold period, in milliseconds
+ * @param      {Object}  scope   The context of the throttled function
+ * @return     {Function}  { The throttled function }
+ */
+const throttle = function (fn, threshold = 100, scope = null) {
+    let last, deferTimer;
+    return function throttled() {
+        let context = scope || this, now = +new Date(), args = arguments;
+        if (last && now < last + threshold) {
+            // hold on to it
+            clearTimeout(deferTimer);
+            deferTimer = setTimeout(function () {
+                last = now;
+                fn.apply(context, args);
+            }, threshold);
+        }
+        else {
+            last = now;
+            fn.apply(context, args);
+        }
+    };
+};
+exports.throttle = throttle;
+/**
+ * Debounce
+ * See http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
+ *
+ * @param      {Function}  func       The function to debounce
+ * @param      {boolean}  execAsap   Whether to execute the function now
+ * @param      {Integer}  threshold  The detection period, in milliseconds
+ * @param      {Object}  scope  The context for the debounced function
+ * @return     {Function}  { The debounced function }
+ */
+const debounce = function (func, execAsap = false, threshold = 100, scope = null) {
+    let timeout;
+    return function debounced() {
+        let context = scope || this, args = arguments;
+        function delayed() {
+            if (!execAsap)
+                func.apply(context, args);
+            timeout = null;
+        }
+        if (timeout)
+            clearTimeout(timeout);
+        else if (execAsap)
+            func.apply(context, args);
+        timeout = setTimeout(delayed, threshold);
+    };
+};
+exports.debounce = debounce;
+/**
+ * Turns a string into a slug.
+ * See {@link https://gist.github.com/mathewbyrne/1280286#gistcomment-1606270|this gist}.
+ *
+ * @param {string} str { The string to slugify }
+ * @returns {string} { The slugified string }
+ *
+ * @example <caption>Example slugifying</caption>
+ *          import { slugify } from "./utils";
+ *          // returns "a-string-to-transform-and-slugify"
+ *          slugify("A (string) to transform & slugify!");
+ */
+const slugify = (str) => {
+    return (0, exports.trim)(str)
+        .toLowerCase()
+        .replace(/\s+/g, "-") // Replace spaces with -
+        .replace(/&/g, "-and-") // Replace & with 'and'
+        .replace(/[^\w-]+/g, "") // Remove all non-word chars
+        .replace(/^-+/g, "") // Trim dashes from the start
+        .replace(/-+$/g, "") // Trim dashes from the end
+        .replace(/-{2,}/g, "-"); // Replace multiple - with single -
+};
+exports.slugify = slugify;
+/**
+ * Generates a unique id in the form prefix-n by incrementing a counter.
+ * The first time this is called it will return "uid-1" then "uid-2" and so on.
+ * See {@link http://stackoverflow.com/a/20302361|This StackOverflow answer}.
+ *
+ * @param {string} prefix { The prefix for the id to return. Defaults to "uid" }
+ * @return {string} { The unique id }
+ *
+ * @example <caption>Simple example</caption>
+ *          import { nextUniqueId } from "./utils";
+ *          // returns "uid-1"
+ *          nextUniqueId();
+ *
+ * @example <caption>Prefix example</caption>
+ *          import utils from "./utils";
+ *          // returns "prefix-1"
+ *          utils.nextUniqueId("prefix");
+ */
+exports.nextUniqueId = (function (i) {
+    return function (prefix = "uid") {
+        return `${prefix}-${++i}`;
+    };
+})(0);
+/**
+ * CamelCases a  string
+ * @param {string} str The string to camel case
+ */
+const camelCase = function (str) {
+    str = str.split("-").join(" "); // To support kebab-case
+    // See https://stackoverflow.com/a/2970667/486434
+    return str
+        .replace(/(?:^\w|[A-Z]|\b\w)/g, function (letter, index) {
+        return index === 0 ? letter.toLowerCase() : letter.toUpperCase();
+    })
+        .replace(/\s+/g, "");
+};
+exports.camelCase = camelCase;
+exports.default = {
+    throttle: exports.throttle,
+    debounce: exports.debounce,
+    slugify: exports.slugify,
+    nextUniqueId: exports.nextUniqueId,
+    camelCase: exports.camelCase
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-core",
-	"version": "4.0.15",
+	"version": "4.0.17-alpha-node-update.0",
 	"description": "Core code for the NICE Design System",
 	"author": "Ian Routledge <ian.routledge@nice.org.uk>",
 	"contributors": [
@@ -32,7 +32,7 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/icons": "^6.1.6",
+		"@nice-digital/icons": "^6.1.7-alpha-node-update.0",
 		"sass-mq": "^6.0.0"
 	},
 	"peerDependencies": {
@@ -44,8 +44,8 @@
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/jest": "^29.2.2",
-		"@types/node": "^18.11.9",
-		"typescript": "^4.8.4"
+		"@types/node": "22.19.0",
+		"typescript": "^5.9.3"
 	},
-	"gitHead": "71897a3cd239f8e593857f084e3681c6988508f0"
+	"gitHead": "1b7a4a13183120071b022adecd2fcf4eebefbb6c"
 }

package/scss/colours/tokens/_alias.scss

@@ -37,6 +37,8 @@ $btn-inverse-text: global.$nice-black;
 // Borders
 $border: global.$custom-grey-1;
 $border-selected: global.$nice-teal;
+// accessibility fix for input and textarea borders
+$border-dark: global.$nice-black;
 
 // Status
 $error: global.$custom-red-1;