diff --git a/README.md b/README.md index 4866a0e8..9e772eec 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # NIAID Design System (NDS) -VERSION 1.3.0 +VERSION 1.4.0 The [NIAID Design System](https://designsystem.niaid.nih.gov/) was developed within the Office of Communications and Government Relations (OCGR) at the National Institute of Allergy and Infectious Diseases (NIAID) by Booz Allen Hamilton. The design system is designed to aid users with the process of creating policy-compliant websites that conform to design standards and guidance set by NIAID, NIH, HHS, and USWDS. diff --git a/package-lock.json b/package-lock.json index fe1aa625..89935ca5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "niaid-design-system", - "version": "1.3.0", + "version": "1.4.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -1292,9 +1292,9 @@ } }, "@fortawesome/fontawesome-free": { - "version": "5.15.4", - "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz", - "integrity": "sha512-eYm8vijH/hpzr/6/1CJ/V/Eb1xQFW2nnUKArb3z+yUWv7HTwj6M7SP957oMjfZjAHU6qpoNc2wQvIxBLWYa/Jg==" + "version": "6.4.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.4.2.tgz", + "integrity": "sha512-m5cPn3e2+FDCOgi1mz0RexTUvvQibBebOUlUlW0+YrMjDTPkiJ6VTKukA1GRsvRw+12KyJndNjj0O4AgTxm2Pg==" }, "@gulp-sourcemaps/identity-map": { "version": "2.0.1", @@ -6769,12 +6769,10 @@ "dependencies": { "@colors/colors": { "version": "1.5.0", - "bundled": true, "optional": true }, "@isaacs/cliui": { "version": "8.0.2", - "bundled": true, "requires": { "string-width": "^5.1.2", "string-width-cjs": "npm:string-width@^4.2.0", @@ -6785,16 +6783,13 @@ }, "dependencies": { "ansi-regex": { - "version": "6.0.1", - "bundled": true + "version": "6.0.1" }, "emoji-regex": { - "version": "9.2.2", - "bundled": true + "version": "9.2.2" }, "string-width": { "version": "5.1.2", - "bundled": true, "requires": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", @@ -6833,7 +6828,6 @@ }, "strip-ansi": { "version": "7.1.0", - "bundled": true, "requires": { "ansi-regex": "^6.0.1" } @@ -6896,12 +6890,10 @@ } }, "@isaacs/string-locale-compare": { - "version": "1.1.0", - "bundled": true + "version": "1.1.0" }, "@npmcli/arborist": { "version": "6.3.0", - "bundled": true, "requires": { "@isaacs/string-locale-compare": "^1.1.0", "@npmcli/fs": "^3.1.0", @@ -6940,7 +6932,6 @@ }, "@npmcli/config": { "version": "6.2.1", - "bundled": true, "requires": { "@npmcli/map-workspaces": "^3.0.2", "ci-info": "^3.8.0", @@ -6954,21 +6945,18 @@ }, "@npmcli/disparity-colors": { "version": "3.0.0", - "bundled": true, "requires": { "ansi-styles": "^4.3.0" } }, "@npmcli/fs": { "version": "3.1.0", - "bundled": true, "requires": { "semver": "^7.3.5" } }, "@npmcli/git": { "version": "4.1.0", - "bundled": true, "requires": { "@npmcli/promise-spawn": "^6.0.0", "lru-cache": "^7.4.4", @@ -6982,7 +6970,6 @@ }, "@npmcli/installed-package-contents": { "version": "2.0.2", - "bundled": true, "requires": { "npm-bundled": "^3.0.0", "npm-normalize-package-bin": "^3.0.0" @@ -6990,7 +6977,6 @@ }, "@npmcli/map-workspaces": { "version": "3.0.4", - "bundled": true, "requires": { "@npmcli/name-from-folder": "^2.0.0", "glob": "^10.2.2", @@ -7000,7 +6986,6 @@ }, "@npmcli/metavuln-calculator": { "version": "5.0.1", - "bundled": true, "requires": { "cacache": "^17.0.0", "json-parse-even-better-errors": "^3.0.0", @@ -7009,16 +6994,13 @@ } }, "@npmcli/name-from-folder": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "@npmcli/node-gyp": { - "version": "3.0.0", - "bundled": true + "version": "3.0.0" }, "@npmcli/package-json": { "version": "4.0.0", - "bundled": true, "requires": { "@npmcli/git": "^4.1.0", "glob": "^10.2.2", @@ -7030,21 +7012,18 @@ }, "@npmcli/promise-spawn": { "version": "6.0.2", - "bundled": true, "requires": { "which": "^3.0.0" } }, "@npmcli/query": { "version": "3.0.0", - "bundled": true, "requires": { "postcss-selector-parser": "^6.0.10" } }, "@npmcli/run-script": { "version": "6.0.2", - "bundled": true, "requires": { "@npmcli/node-gyp": "^3.0.0", "@npmcli/promise-spawn": "^6.0.0", @@ -7055,58 +7034,48 @@ }, "@pkgjs/parseargs": { "version": "0.11.0", - "bundled": true, "optional": true }, "@sigstore/protobuf-specs": { - "version": "0.1.0", - "bundled": true + "version": "0.1.0" }, "@sigstore/tuf": { "version": "1.0.2", - "bundled": true, "requires": { "@sigstore/protobuf-specs": "^0.1.0", "tuf-js": "^1.1.7" } }, "@tootallnate/once": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "@tufjs/canonical-json": { - "version": "1.0.0", - "bundled": true + "version": "1.0.0" }, "@tufjs/models": { "version": "1.0.4", - "bundled": true, "requires": { "@tufjs/canonical-json": "1.0.0", "minimatch": "^9.0.0" } }, "abbrev": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "abort-controller": { "version": "3.0.0", - "bundled": true, "requires": { "event-target-shim": "^5.0.0" } }, "agent-base": { "version": "6.0.2", - "bundled": true, "requires": { "debug": "4" } }, "agentkeepalive": { "version": "4.3.0", - "bundled": true, "requires": { "debug": "^4.1.0", "depd": "^2.0.0", @@ -7115,50 +7084,41 @@ }, "aggregate-error": { "version": "3.1.0", - "bundled": true, "requires": { "clean-stack": "^2.0.0", "indent-string": "^4.0.0" } }, "ansi-regex": { - "version": "5.0.1", - "bundled": true + "version": "5.0.1" }, "ansi-styles": { "version": "4.3.0", - "bundled": true, "requires": { "color-convert": "^2.0.1" } }, "aproba": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "archy": { - "version": "1.0.0", - "bundled": true + "version": "1.0.0" }, "are-we-there-yet": { "version": "4.0.0", - "bundled": true, "requires": { "delegates": "^1.0.0", "readable-stream": "^4.1.0" } }, "balanced-match": { - "version": "1.0.2", - "bundled": true + "version": "1.0.2" }, "base64-js": { - "version": "1.5.1", - "bundled": true + "version": "1.5.1" }, "bin-links": { "version": "4.0.1", - "bundled": true, "requires": { "cmd-shim": "^6.0.0", "npm-normalize-package-bin": "^3.0.0", @@ -7167,19 +7127,16 @@ } }, "binary-extensions": { - "version": "2.2.0", - "bundled": true + "version": "2.2.0" }, "brace-expansion": { "version": "2.0.1", - "bundled": true, "requires": { "balanced-match": "^1.0.0" } }, "buffer": { "version": "6.0.3", - "bundled": true, "requires": { "base64-js": "^1.3.1", "ieee754": "^1.2.1" @@ -7187,14 +7144,12 @@ }, "builtins": { "version": "5.0.1", - "bundled": true, "requires": { "semver": "^7.0.0" } }, "cacache": { "version": "17.1.3", - "bundled": true, "requires": { "@npmcli/fs": "^3.1.0", "fs-minipass": "^3.0.0", @@ -7211,31 +7166,25 @@ } }, "chalk": { - "version": "5.2.0", - "bundled": true + "version": "5.2.0" }, "chownr": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "ci-info": { - "version": "3.8.0", - "bundled": true + "version": "3.8.0" }, "cidr-regex": { "version": "3.1.1", - "bundled": true, "requires": { "ip-regex": "^4.1.0" } }, "clean-stack": { - "version": "2.2.0", - "bundled": true + "version": "2.2.0" }, "cli-columns": { "version": "4.0.0", - "bundled": true, "requires": { "string-width": "^4.2.3", "strip-ansi": "^6.0.1" @@ -7243,58 +7192,47 @@ }, "cli-table3": { "version": "0.6.3", - "bundled": true, "requires": { "@colors/colors": "1.5.0", "string-width": "^4.2.0" } }, "clone": { - "version": "1.0.4", - "bundled": true + "version": "1.0.4" }, "cmd-shim": { - "version": "6.0.1", - "bundled": true + "version": "6.0.1" }, "color-convert": { "version": "2.0.1", - "bundled": true, "requires": { "color-name": "~1.1.4" } }, "color-name": { - "version": "1.1.4", - "bundled": true + "version": "1.1.4" }, "color-support": { - "version": "1.1.3", - "bundled": true + "version": "1.1.3" }, "columnify": { "version": "1.6.0", - "bundled": true, "requires": { "strip-ansi": "^6.0.1", "wcwidth": "^1.0.0" } }, "common-ancestor-path": { - "version": "1.0.1", - "bundled": true + "version": "1.0.1" }, "concat-map": { - "version": "0.0.1", - "bundled": true + "version": "0.0.1" }, "console-control-strings": { - "version": "1.1.0", - "bundled": true + "version": "1.1.0" }, "cross-spawn": { "version": "7.0.3", - "bundled": true, "requires": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", @@ -7303,7 +7241,6 @@ "dependencies": { "which": { "version": "2.0.2", - "bundled": true, "requires": { "isexe": "^2.0.0" } @@ -7311,84 +7248,67 @@ } }, "cssesc": { - "version": "3.0.0", - "bundled": true + "version": "3.0.0" }, "debug": { "version": "4.3.4", - "bundled": true, "requires": { "ms": "2.1.2" }, "dependencies": { "ms": { - "version": "2.1.2", - "bundled": true + "version": "2.1.2" } } }, "defaults": { "version": "1.0.4", - "bundled": true, "requires": { "clone": "^1.0.2" } }, "delegates": { - "version": "1.0.0", - "bundled": true + "version": "1.0.0" }, "depd": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "diff": { - "version": "5.1.0", - "bundled": true + "version": "5.1.0" }, "eastasianwidth": { - "version": "0.2.0", - "bundled": true + "version": "0.2.0" }, "emoji-regex": { - "version": "8.0.0", - "bundled": true + "version": "8.0.0" }, "encoding": { "version": "0.1.13", - "bundled": true, "optional": true, "requires": { "iconv-lite": "^0.6.2" } }, "env-paths": { - "version": "2.2.1", - "bundled": true + "version": "2.2.1" }, "err-code": { - "version": "2.0.3", - "bundled": true + "version": "2.0.3" }, "event-target-shim": { - "version": "5.0.1", - "bundled": true + "version": "5.0.1" }, "events": { - "version": "3.3.0", - "bundled": true + "version": "3.3.0" }, "exponential-backoff": { - "version": "3.1.1", - "bundled": true + "version": "3.1.1" }, "fastest-levenshtein": { - "version": "1.0.16", - "bundled": true + "version": "1.0.16" }, "foreground-child": { "version": "3.1.1", - "bundled": true, "requires": { "cross-spawn": "^7.0.0", "signal-exit": "^4.0.1" @@ -7396,22 +7316,18 @@ }, "fs-minipass": { "version": "3.0.2", - "bundled": true, "requires": { "minipass": "^5.0.0" } }, "fs.realpath": { - "version": "1.0.0", - "bundled": true + "version": "1.0.0" }, "function-bind": { - "version": "1.1.1", - "bundled": true + "version": "1.1.1" }, "gauge": { "version": "5.0.1", - "bundled": true, "requires": { "aproba": "^1.0.3 || ^2.0.0", "color-support": "^1.1.3", @@ -7425,7 +7341,6 @@ }, "glob": { "version": "10.2.7", - "bundled": true, "requires": { "foreground-child": "^3.1.0", "jackspeak": "^2.0.3", @@ -7435,34 +7350,28 @@ } }, "graceful-fs": { - "version": "4.2.11", - "bundled": true + "version": "4.2.11" }, "has": { "version": "1.0.3", - "bundled": true, "requires": { "function-bind": "^1.1.1" } }, "has-unicode": { - "version": "2.0.1", - "bundled": true + "version": "2.0.1" }, "hosted-git-info": { "version": "6.1.1", - "bundled": true, "requires": { "lru-cache": "^7.5.1" } }, "http-cache-semantics": { - "version": "4.1.1", - "bundled": true + "version": "4.1.1" }, "http-proxy-agent": { "version": "5.0.0", - "bundled": true, "requires": { "@tootallnate/once": "2", "agent-base": "6", @@ -7471,7 +7380,6 @@ }, "https-proxy-agent": { "version": "5.0.1", - "bundled": true, "requires": { "agent-base": "6", "debug": "4" @@ -7479,57 +7387,47 @@ }, "humanize-ms": { "version": "1.2.1", - "bundled": true, "requires": { "ms": "^2.0.0" } }, "iconv-lite": { "version": "0.6.3", - "bundled": true, "optional": true, "requires": { "safer-buffer": ">= 2.1.2 < 3.0.0" } }, "ieee754": { - "version": "1.2.1", - "bundled": true + "version": "1.2.1" }, "ignore-walk": { "version": "6.0.3", - "bundled": true, "requires": { "minimatch": "^9.0.0" } }, "imurmurhash": { - "version": "0.1.4", - "bundled": true + "version": "0.1.4" }, "indent-string": { - "version": "4.0.0", - "bundled": true + "version": "4.0.0" }, "inflight": { "version": "1.0.6", - "bundled": true, "requires": { "once": "^1.3.0", "wrappy": "1" } }, "inherits": { - "version": "2.0.4", - "bundled": true + "version": "2.0.4" }, "ini": { - "version": "4.1.1", - "bundled": true + "version": "4.1.1" }, "init-package-json": { "version": "5.0.0", - "bundled": true, "requires": { "npm-package-arg": "^10.0.0", "promzard": "^1.0.0", @@ -7541,70 +7439,56 @@ } }, "ip": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "ip-regex": { - "version": "4.3.0", - "bundled": true + "version": "4.3.0" }, "is-cidr": { "version": "4.0.2", - "bundled": true, "requires": { "cidr-regex": "^3.1.1" } }, "is-core-module": { "version": "2.12.1", - "bundled": true, "requires": { "has": "^1.0.3" } }, "is-fullwidth-code-point": { - "version": "3.0.0", - "bundled": true + "version": "3.0.0" }, "is-lambda": { - "version": "1.0.1", - "bundled": true + "version": "1.0.1" }, "isexe": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "jackspeak": { "version": "2.2.1", - "bundled": true, "requires": { "@isaacs/cliui": "^8.0.2", "@pkgjs/parseargs": "^0.11.0" } }, "json-parse-even-better-errors": { - "version": "3.0.0", - "bundled": true + "version": "3.0.0" }, "json-stringify-nice": { - "version": "1.1.4", - "bundled": true + "version": "1.1.4" }, "jsonparse": { - "version": "1.3.1", - "bundled": true + "version": "1.3.1" }, "just-diff": { - "version": "6.0.2", - "bundled": true + "version": "6.0.2" }, "just-diff-apply": { - "version": "5.5.0", - "bundled": true + "version": "5.5.0" }, "libnpmaccess": { "version": "7.0.2", - "bundled": true, "requires": { "npm-package-arg": "^10.1.0", "npm-registry-fetch": "^14.0.3" @@ -7612,7 +7496,6 @@ }, "libnpmdiff": { "version": "5.0.19", - "bundled": true, "requires": { "@npmcli/arborist": "^6.3.0", "@npmcli/disparity-colors": "^3.0.0", @@ -7627,7 +7510,6 @@ }, "libnpmexec": { "version": "6.0.2", - "bundled": true, "requires": { "@npmcli/arborist": "^6.3.0", "@npmcli/run-script": "^6.0.0", @@ -7644,14 +7526,12 @@ }, "libnpmfund": { "version": "4.0.19", - "bundled": true, "requires": { "@npmcli/arborist": "^6.3.0" } }, "libnpmhook": { "version": "9.0.3", - "bundled": true, "requires": { "aproba": "^2.0.0", "npm-registry-fetch": "^14.0.3" @@ -7659,7 +7539,6 @@ }, "libnpmorg": { "version": "5.0.4", - "bundled": true, "requires": { "aproba": "^2.0.0", "npm-registry-fetch": "^14.0.3" @@ -7667,7 +7546,6 @@ }, "libnpmpack": { "version": "5.0.19", - "bundled": true, "requires": { "@npmcli/arborist": "^6.3.0", "@npmcli/run-script": "^6.0.0", @@ -7677,7 +7555,6 @@ }, "libnpmpublish": { "version": "7.5.0", - "bundled": true, "requires": { "ci-info": "^3.6.1", "normalize-package-data": "^5.0.0", @@ -7691,14 +7568,12 @@ }, "libnpmsearch": { "version": "6.0.2", - "bundled": true, "requires": { "npm-registry-fetch": "^14.0.3" } }, "libnpmteam": { "version": "5.0.3", - "bundled": true, "requires": { "aproba": "^2.0.0", "npm-registry-fetch": "^14.0.3" @@ -7706,7 +7581,6 @@ }, "libnpmversion": { "version": "4.0.2", - "bundled": true, "requires": { "@npmcli/git": "^4.0.1", "@npmcli/run-script": "^6.0.0", @@ -7716,12 +7590,10 @@ } }, "lru-cache": { - "version": "7.18.3", - "bundled": true + "version": "7.18.3" }, "make-fetch-happen": { "version": "11.1.1", - "bundled": true, "requires": { "agentkeepalive": "^4.2.1", "cacache": "^17.0.0", @@ -7742,25 +7614,21 @@ }, "minimatch": { "version": "9.0.1", - "bundled": true, "requires": { "brace-expansion": "^2.0.1" } }, "minipass": { - "version": "5.0.0", - "bundled": true + "version": "5.0.0" }, "minipass-collect": { "version": "1.0.2", - "bundled": true, "requires": { "minipass": "^3.0.0" }, "dependencies": { "minipass": { "version": "3.3.6", - "bundled": true, "requires": { "yallist": "^4.0.0" } @@ -7769,7 +7637,6 @@ }, "minipass-fetch": { "version": "3.0.3", - "bundled": true, "requires": { "encoding": "^0.1.13", "minipass": "^5.0.0", @@ -7779,14 +7646,12 @@ }, "minipass-flush": { "version": "1.0.5", - "bundled": true, "requires": { "minipass": "^3.0.0" }, "dependencies": { "minipass": { "version": "3.3.6", - "bundled": true, "requires": { "yallist": "^4.0.0" } @@ -7795,7 +7660,6 @@ }, "minipass-json-stream": { "version": "1.0.1", - "bundled": true, "requires": { "jsonparse": "^1.3.1", "minipass": "^3.0.0" @@ -7803,7 +7667,6 @@ "dependencies": { "minipass": { "version": "3.3.6", - "bundled": true, "requires": { "yallist": "^4.0.0" } @@ -7812,14 +7675,12 @@ }, "minipass-pipeline": { "version": "1.2.4", - "bundled": true, "requires": { "minipass": "^3.0.0" }, "dependencies": { "minipass": { "version": "3.3.6", - "bundled": true, "requires": { "yallist": "^4.0.0" } @@ -7828,14 +7689,12 @@ }, "minipass-sized": { "version": "1.0.3", - "bundled": true, "requires": { "minipass": "^3.0.0" }, "dependencies": { "minipass": { "version": "3.3.6", - "bundled": true, "requires": { "yallist": "^4.0.0" } @@ -7844,7 +7703,6 @@ }, "minizlib": { "version": "2.1.2", - "bundled": true, "requires": { "minipass": "^3.0.0", "yallist": "^4.0.0" @@ -7852,7 +7710,6 @@ "dependencies": { "minipass": { "version": "3.3.6", - "bundled": true, "requires": { "yallist": "^4.0.0" } @@ -7860,24 +7717,19 @@ } }, "mkdirp": { - "version": "1.0.4", - "bundled": true + "version": "1.0.4" }, "ms": { - "version": "2.1.3", - "bundled": true + "version": "2.1.3" }, "mute-stream": { - "version": "1.0.0", - "bundled": true + "version": "1.0.0" }, "negotiator": { - "version": "0.6.3", - "bundled": true + "version": "0.6.3" }, "node-gyp": { "version": "9.4.0", - "bundled": true, "requires": { "env-paths": "^2.2.0", "exponential-backoff": "^3.1.1", @@ -7893,12 +7745,10 @@ }, "dependencies": { "abbrev": { - "version": "1.1.1", - "bundled": true + "version": "1.1.1" }, "are-we-there-yet": { "version": "3.0.1", - "bundled": true, "requires": { "delegates": "^1.0.0", "readable-stream": "^3.6.0" @@ -7906,7 +7756,6 @@ }, "brace-expansion": { "version": "1.1.11", - "bundled": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -7914,7 +7763,6 @@ }, "gauge": { "version": "4.0.4", - "bundled": true, "requires": { "aproba": "^1.0.3 || ^2.0.0", "color-support": "^1.1.3", @@ -7928,7 +7776,6 @@ }, "glob": { "version": "7.2.3", - "bundled": true, "requires": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", @@ -7940,21 +7787,18 @@ }, "minimatch": { "version": "3.1.2", - "bundled": true, "requires": { "brace-expansion": "^1.1.7" } }, "nopt": { "version": "6.0.0", - "bundled": true, "requires": { "abbrev": "^1.0.0" } }, "npmlog": { "version": "6.0.2", - "bundled": true, "requires": { "are-we-there-yet": "^3.0.0", "console-control-strings": "^1.1.0", @@ -7964,7 +7808,6 @@ }, "readable-stream": { "version": "3.6.2", - "bundled": true, "requires": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", @@ -7972,12 +7815,10 @@ } }, "signal-exit": { - "version": "3.0.7", - "bundled": true + "version": "3.0.7" }, "which": { "version": "2.0.2", - "bundled": true, "requires": { "isexe": "^2.0.0" } @@ -7986,14 +7827,12 @@ }, "nopt": { "version": "7.2.0", - "bundled": true, "requires": { "abbrev": "^2.0.0" } }, "normalize-package-data": { "version": "5.0.0", - "bundled": true, "requires": { "hosted-git-info": "^6.0.0", "is-core-module": "^2.8.1", @@ -8002,30 +7841,25 @@ } }, "npm-audit-report": { - "version": "5.0.0", - "bundled": true + "version": "5.0.0" }, "npm-bundled": { "version": "3.0.0", - "bundled": true, "requires": { "npm-normalize-package-bin": "^3.0.0" } }, "npm-install-checks": { "version": "6.1.1", - "bundled": true, "requires": { "semver": "^7.1.1" } }, "npm-normalize-package-bin": { - "version": "3.0.1", - "bundled": true + "version": "3.0.1" }, "npm-package-arg": { "version": "10.1.0", - "bundled": true, "requires": { "hosted-git-info": "^6.0.0", "proc-log": "^3.0.0", @@ -8035,14 +7869,12 @@ }, "npm-packlist": { "version": "7.0.4", - "bundled": true, "requires": { "ignore-walk": "^6.0.0" } }, "npm-pick-manifest": { "version": "8.0.1", - "bundled": true, "requires": { "npm-install-checks": "^6.0.0", "npm-normalize-package-bin": "^3.0.0", @@ -8052,7 +7884,6 @@ }, "npm-profile": { "version": "7.0.1", - "bundled": true, "requires": { "npm-registry-fetch": "^14.0.0", "proc-log": "^3.0.0" @@ -8060,7 +7891,6 @@ }, "npm-registry-fetch": { "version": "14.0.5", - "bundled": true, "requires": { "make-fetch-happen": "^11.0.0", "minipass": "^5.0.0", @@ -8072,12 +7902,10 @@ } }, "npm-user-validate": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "npmlog": { "version": "7.0.1", - "bundled": true, "requires": { "are-we-there-yet": "^4.0.0", "console-control-strings": "^1.1.0", @@ -8087,21 +7915,18 @@ }, "once": { "version": "1.4.0", - "bundled": true, "requires": { "wrappy": "1" } }, "p-map": { "version": "4.0.0", - "bundled": true, "requires": { "aggregate-error": "^3.0.0" } }, "pacote": { "version": "15.2.0", - "bundled": true, "requires": { "@npmcli/git": "^4.0.0", "@npmcli/installed-package-contents": "^2.0.1", @@ -8125,7 +7950,6 @@ }, "parse-conflict-json": { "version": "3.0.1", - "bundled": true, "requires": { "json-parse-even-better-errors": "^3.0.0", "just-diff": "^6.0.0", @@ -8133,58 +7957,47 @@ } }, "path-is-absolute": { - "version": "1.0.1", - "bundled": true + "version": "1.0.1" }, "path-key": { - "version": "3.1.1", - "bundled": true + "version": "3.1.1" }, "path-scurry": { "version": "1.9.2", - "bundled": true, "requires": { "lru-cache": "^9.1.1", "minipass": "^5.0.0 || ^6.0.2" }, "dependencies": { "lru-cache": { - "version": "9.1.1", - "bundled": true + "version": "9.1.1" } } }, "postcss-selector-parser": { "version": "6.0.13", - "bundled": true, "requires": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "proc-log": { - "version": "3.0.0", - "bundled": true + "version": "3.0.0" }, "process": { - "version": "0.11.10", - "bundled": true + "version": "0.11.10" }, "promise-all-reject-late": { - "version": "1.0.1", - "bundled": true + "version": "1.0.1" }, "promise-call-limit": { - "version": "1.0.2", - "bundled": true + "version": "1.0.2" }, "promise-inflight": { - "version": "1.0.1", - "bundled": true + "version": "1.0.1" }, "promise-retry": { "version": "2.0.1", - "bundled": true, "requires": { "err-code": "^2.0.2", "retry": "^0.12.0" @@ -8192,29 +8005,24 @@ }, "promzard": { "version": "1.0.0", - "bundled": true, "requires": { "read": "^2.0.0" } }, "qrcode-terminal": { - "version": "0.12.0", - "bundled": true + "version": "0.12.0" }, "read": { "version": "2.1.0", - "bundled": true, "requires": { "mute-stream": "~1.0.0" } }, "read-cmd-shim": { - "version": "4.0.0", - "bundled": true + "version": "4.0.0" }, "read-package-json": { "version": "6.0.4", - "bundled": true, "requires": { "glob": "^10.2.2", "json-parse-even-better-errors": "^3.0.0", @@ -8224,7 +8032,6 @@ }, "read-package-json-fast": { "version": "3.0.2", - "bundled": true, "requires": { "json-parse-even-better-errors": "^3.0.0", "npm-normalize-package-bin": "^3.0.0" @@ -8232,7 +8039,6 @@ }, "readable-stream": { "version": "4.4.0", - "bundled": true, "requires": { "abort-controller": "^3.0.0", "buffer": "^6.0.3", @@ -8241,19 +8047,16 @@ } }, "retry": { - "version": "0.12.0", - "bundled": true + "version": "0.12.0" }, "rimraf": { "version": "3.0.2", - "bundled": true, "requires": { "glob": "^7.1.3" }, "dependencies": { "brace-expansion": { "version": "1.1.11", - "bundled": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -8261,7 +8064,6 @@ }, "glob": { "version": "7.2.3", - "bundled": true, "requires": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", @@ -8273,7 +8075,6 @@ }, "minimatch": { "version": "3.1.2", - "bundled": true, "requires": { "brace-expansion": "^1.1.7" } @@ -8281,24 +8082,20 @@ } }, "safe-buffer": { - "version": "5.2.1", - "bundled": true + "version": "5.2.1" }, "safer-buffer": { "version": "2.1.2", - "bundled": true, "optional": true }, "semver": { "version": "7.5.2", - "bundled": true, "requires": { "lru-cache": "^6.0.0" }, "dependencies": { "lru-cache": { "version": "6.0.0", - "bundled": true, "requires": { "yallist": "^4.0.0" } @@ -8306,27 +8103,22 @@ } }, "set-blocking": { - "version": "2.0.0", - "bundled": true + "version": "2.0.0" }, "shebang-command": { "version": "2.0.0", - "bundled": true, "requires": { "shebang-regex": "^3.0.0" } }, "shebang-regex": { - "version": "3.0.0", - "bundled": true + "version": "3.0.0" }, "signal-exit": { - "version": "4.0.2", - "bundled": true + "version": "4.0.2" }, "sigstore": { "version": "1.7.0", - "bundled": true, "requires": { "@sigstore/protobuf-specs": "^0.1.0", "@sigstore/tuf": "^1.0.1", @@ -8334,12 +8126,10 @@ } }, "smart-buffer": { - "version": "4.2.0", - "bundled": true + "version": "4.2.0" }, "socks": { "version": "2.7.1", - "bundled": true, "requires": { "ip": "^2.0.0", "smart-buffer": "^4.2.0" @@ -8347,7 +8137,6 @@ }, "socks-proxy-agent": { "version": "7.0.0", - "bundled": true, "requires": { "agent-base": "^6.0.2", "debug": "^4.3.3", @@ -8356,38 +8145,32 @@ }, "spdx-correct": { "version": "3.2.0", - "bundled": true, "requires": { "spdx-expression-parse": "^3.0.0", "spdx-license-ids": "^3.0.0" } }, "spdx-exceptions": { - "version": "2.3.0", - "bundled": true + "version": "2.3.0" }, "spdx-expression-parse": { "version": "3.0.1", - "bundled": true, "requires": { "spdx-exceptions": "^2.1.0", "spdx-license-ids": "^3.0.0" } }, "spdx-license-ids": { - "version": "3.0.13", - "bundled": true + "version": "3.0.13" }, "ssri": { "version": "10.0.4", - "bundled": true, "requires": { "minipass": "^5.0.0" } }, "string-width": { "version": "4.2.3", - "bundled": true, "requires": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -8396,7 +8179,7 @@ }, "string-width-cjs": { "version": "npm:string-width-cjs@4.2.3", - "bundled": true, + "resolved": false, "requires": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -8405,32 +8188,28 @@ }, "string_decoder": { "version": "1.3.0", - "bundled": true, "requires": { "safe-buffer": "~5.2.0" } }, "strip-ansi": { "version": "6.0.1", - "bundled": true, "requires": { "ansi-regex": "^5.0.1" } }, "strip-ansi-cjs": { "version": "npm:strip-ansi-cjs@6.0.1", - "bundled": true, + "resolved": false, "requires": { "ansi-regex": "^5.0.1" } }, "supports-color": { - "version": "9.3.1", - "bundled": true + "version": "9.3.1" }, "tar": { "version": "6.1.15", - "bundled": true, "requires": { "chownr": "^2.0.0", "fs-minipass": "^2.0.0", @@ -8442,14 +8221,12 @@ "dependencies": { "fs-minipass": { "version": "2.1.0", - "bundled": true, "requires": { "minipass": "^3.0.0" }, "dependencies": { "minipass": { "version": "3.3.6", - "bundled": true, "requires": { "yallist": "^4.0.0" } @@ -8459,20 +8236,16 @@ } }, "text-table": { - "version": "0.2.0", - "bundled": true + "version": "0.2.0" }, "tiny-relative-date": { - "version": "1.3.0", - "bundled": true + "version": "1.3.0" }, "treeverse": { - "version": "3.0.0", - "bundled": true + "version": "3.0.0" }, "tuf-js": { "version": "1.1.7", - "bundled": true, "requires": { "@tufjs/models": "1.0.4", "debug": "^4.3.4", @@ -8481,25 +8254,21 @@ }, "unique-filename": { "version": "3.0.0", - "bundled": true, "requires": { "unique-slug": "^4.0.0" } }, "unique-slug": { "version": "4.0.0", - "bundled": true, "requires": { "imurmurhash": "^0.1.4" } }, "util-deprecate": { - "version": "1.0.2", - "bundled": true + "version": "1.0.2" }, "validate-npm-package-license": { "version": "3.0.4", - "bundled": true, "requires": { "spdx-correct": "^3.0.0", "spdx-expression-parse": "^3.0.0" @@ -8507,39 +8276,33 @@ }, "validate-npm-package-name": { "version": "5.0.0", - "bundled": true, "requires": { "builtins": "^5.0.0" } }, "walk-up-path": { - "version": "3.0.1", - "bundled": true + "version": "3.0.1" }, "wcwidth": { "version": "1.0.1", - "bundled": true, "requires": { "defaults": "^1.0.3" } }, "which": { "version": "3.0.1", - "bundled": true, "requires": { "isexe": "^2.0.0" } }, "wide-align": { "version": "1.1.5", - "bundled": true, "requires": { "string-width": "^1.0.2 || 2 || 3 || 4" } }, "wrap-ansi": { "version": "8.1.0", - "bundled": true, "requires": { "ansi-styles": "^6.1.0", "string-width": "^5.0.1", @@ -8547,20 +8310,16 @@ }, "dependencies": { "ansi-regex": { - "version": "6.0.1", - "bundled": true + "version": "6.0.1" }, "ansi-styles": { - "version": "6.2.1", - "bundled": true + "version": "6.2.1" }, "emoji-regex": { - "version": "9.2.2", - "bundled": true + "version": "9.2.2" }, "string-width": { "version": "5.1.2", - "bundled": true, "requires": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", @@ -8569,7 +8328,6 @@ }, "strip-ansi": { "version": "7.1.0", - "bundled": true, "requires": { "ansi-regex": "^6.0.1" } @@ -8578,7 +8336,7 @@ }, "wrap-ansi-cjs": { "version": "npm:wrap-ansi-cjs@7.0.0", - "bundled": true, + "resolved": false, "requires": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", @@ -8586,20 +8344,17 @@ } }, "wrappy": { - "version": "1.0.2", - "bundled": true + "version": "1.0.2" }, "write-file-atomic": { "version": "5.0.1", - "bundled": true, "requires": { "imurmurhash": "^0.1.4", "signal-exit": "^4.0.1" } }, "yallist": { - "version": "4.0.0", - "bundled": true + "version": "4.0.0" } } }, diff --git a/package.json b/package.json index 2ca0f2f9..0bcd731c 100644 --- a/package.json +++ b/package.json @@ -1,10 +1,10 @@ { "name": "niaid-design-system", - "version": "1.3.0", + "version": "1.4.0", "description": "NIAID Design System", "main": "public/index.html", "dependencies": { - "@fortawesome/fontawesome-free": "^5.15.3", + "@fortawesome/fontawesome-free": "^6.4.2", "@pattern-lab/cli": "^5.17.0", "@pattern-lab/core": "^5.17.0", "@pattern-lab/engine-twig-php": "^5.17.0", diff --git a/src/_patterns/00-nds/01-atoms/buttons/button-dynamic/_button-dynamic-main.twig b/src/_patterns/00-nds/01-atoms/buttons/button-dynamic/_button-dynamic-main.twig new file mode 100644 index 00000000..e44439ed --- /dev/null +++ b/src/_patterns/00-nds/01-atoms/buttons/button-dynamic/_button-dynamic-main.twig @@ -0,0 +1,53 @@ +{# + --- + title: Button Dynamic + --- + + Type: Atoms -> Buttons + + Description: + There are three button styles for each Color Theme option: Primary, Secondary, and Tertiary. In general, buttons are used for actions that occur on the page. This button should be used when the text and context of the button changes when the jQuery function "onClick" is performed. + + To use one of the styles below, pass the "button_dynamic_type" parameter to the desired style ("primary," "secondary," "tertiary," or "negative"). + + The following parameters must be defined for the atom to function as intended: "button_dynamic_active" and "button_dynamic_inactive". + + These button styles can also be applied to other button components by passing the desired classes (i.e. button--primary) to the pattern. See below for examples of using various button styles on other button components. + + Parameters: + button_dynamic_classes: Additional button classes. + button_dynamic_id: Button ID. + button_dynamic_type: Button style. Options: primary, secondary, tertiary, negative. + button_dynamic_label: Button text. + button_dynamic_active: Button text to appear the while button is active. + button_dynamic_inactive: Button text to appear the while button is inactive. + button_dynamic_attributes: Additional button attributes. + + Last Updated: December 6, 2023 +#} + +{% set button_dynamic_classes = button_dynamic_classes|default() %} +{% set button_dynamic_id = button_dynamic_id|default() %} +{% set button_dynamic_type = button_dynamic_type|default('primary') %} +{% set button_dynamic_label = button_dynamic_label|default('Default Button Text') %} +{% set button_dynamic_active = button_dynamic_active|default() %} +{% set button_dynamic_inactive = button_dynamic_inactive|default() %} +{% set button_dynamic_attributes = button_dynamic_attributes|default() %} + +{% if button_dynamic_active is not empty and button_dynamic_inactive is not empty %} + +{% else %} + {% embed "@nds/02-molecules/blocks/block-status-message/_block-status-message-main.twig" with + { + "block_status_message_type": "error" + } + %} + {% block block_status_message_content %} +

The following parameters must be defined for the Dynamic Button to function as intended:

+ + {% endblock %} + {% endembed %} +{% endif %} \ No newline at end of file diff --git a/src/_patterns/00-nds/01-atoms/buttons/button-dynamic/button-dynamic.js b/src/_patterns/00-nds/01-atoms/buttons/button-dynamic/button-dynamic.js new file mode 100644 index 00000000..4cbb8ed1 --- /dev/null +++ b/src/_patterns/00-nds/01-atoms/buttons/button-dynamic/button-dynamic.js @@ -0,0 +1,27 @@ +var moduleNDS_buttonDynamic = (function() { + 'use strict'; + + /* =================== PRIVATE METHODS ================= */ + function initializeButtonDynamic() { + jQuery('.button--dynamic').each(function() { + jQuery(this).on('click', function() { + const buttonDynamicPrev = jQuery(this).text(); + const buttonDynamicInactive = jQuery(this).attr('data-button-inactive'); + const buttonDynamicActive = jQuery(this).attr('data-button-active'); + jQuery(this).text( + buttonDynamicPrev == buttonDynamicActive ? buttonDynamicInactive : buttonDynamicActive + ); + }); + }); + } + + /* =================== PUBLIC METHODS ================== */ + function init() { + initializeButtonDynamic(); + } + + /* =============== EXPORT PUBLIC METHODS =============== */ + return { + init: init + }; +}()); \ No newline at end of file diff --git a/src/_patterns/00-nds/01-atoms/buttons/button-dynamic/demo/button-dynamic.twig b/src/_patterns/00-nds/01-atoms/buttons/button-dynamic/demo/button-dynamic.twig new file mode 100644 index 00000000..eb092af1 --- /dev/null +++ b/src/_patterns/00-nds/01-atoms/buttons/button-dynamic/demo/button-dynamic.twig @@ -0,0 +1,13 @@ +
+
+
+ {% include "@nds/01-atoms/buttons/button-dynamic/_button-dynamic-main.twig" with + { + "button_dynamic_type": "primary", + "button_dynamic_active": "Default Active Text", + "button_dynamic_inactive": "Default Inactive Text" + } + %} +
+
+
\ No newline at end of file diff --git a/src/_patterns/00-nds/01-atoms/buttons/button-share/_button-share-main.twig b/src/_patterns/00-nds/01-atoms/buttons/button-share/_button-share-main.twig index 19856ecc..1dcb4124 100644 --- a/src/_patterns/00-nds/01-atoms/buttons/button-share/_button-share-main.twig +++ b/src/_patterns/00-nds/01-atoms/buttons/button-share/_button-share-main.twig @@ -38,6 +38,9 @@ {% elseif button_share_type == "twitter" %} {% set button_share_icon = "twitter" %} {% set button_share_icon_weight = "b" %} +{% elseif button_share_type == "x-twitter" %} + {% set button_share_icon = "x-twitter" %} + {% set button_share_icon_weight = "b" %} {% elseif button_share_type == "linkedin" %} {% set button_share_icon = "linkedin-in" %} {% set button_share_icon_weight = "b" %} diff --git a/src/_patterns/00-nds/01-atoms/buttons/button-share/button-share.scss b/src/_patterns/00-nds/01-atoms/buttons/button-share/button-share.scss index 0a639e0f..12e70d63 100644 --- a/src/_patterns/00-nds/01-atoms/buttons/button-share/button-share.scss +++ b/src/_patterns/00-nds/01-atoms/buttons/button-share/button-share.scss @@ -1,12 +1,13 @@ .button--share { + align-items: center; display: block; - position: relative; - height: $s-3; - width: $s-3; - padding: 0; display: inline-flex; + height: $s-3; justify-content: center; - align-items: center; + padding: 0; + position: relative; + width: $s-3; + i { font-size: $s-1-25; line-height: normal; @@ -14,61 +15,78 @@ &:focus { outline: -webkit-focus-ring-color auto $s-1px; } - &--facebook { - background: $brands-facebook !important; - color: $white !important; - border: $s-1px solid $brands-facebook !important; - } - &--twitter { - background: $brands-twitter !important; - color: $white !important; - border: $s-1px solid $brands-twitter !important; - } - &--linkedin { - background: $brands-linkedin !important; - color: $white !important; - border: $s-1px solid $brands-linkedin !important; - } - &--instagram { - background: rgb(246,135,79); - background: -moz-linear-gradient(45deg, rgba(246,135,79,1) 0%, rgba(207,70,121,1) 50%, rgba(140,47,143,1) 100%); - background: -webkit-linear-gradient(45deg, rgba(246,135,79,1) 0%, rgba(207,70,121,1) 50%, rgba(140,47,143,1) 100%); - background: linear-gradient(45deg, rgba(246,135,79,1) 0%, rgba(207,70,121,1) 50%, rgba(140,47,143,1) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6874f",endColorstr="#8c2f8f",GradientType=1); - color: $white !important; +} + +.button--share--facebook { + background: $brands-facebook !important; + border: $s-1px solid $brands-facebook !important; + color: $white !important; +} + +.button--share--twitter { + background: $brands-twitter !important; + border: $s-1px solid $brands-twitter !important; + color: $white !important; +} + +.button--share--x-twitter { + background: $brands-x-twitter !important; + border: $s-1px solid $brands-x-twitter !important; + color: $white !important; +} + +.button--share--linkedin { + background: $brands-linkedin !important; + border: $s-1px solid $brands-linkedin !important; + color: $white !important; +} + +.button--share--instagram { + background: -moz-linear-gradient(45deg, rgba(246,135,79,1) 0%, rgba(207,70,121,1) 50%, rgba(140,47,143,1) 100%); + background: -webkit-linear-gradient(45deg, rgba(246,135,79,1) 0%, rgba(207,70,121,1) 50%, rgba(140,47,143,1) 100%); + background: linear-gradient(45deg, rgba(246,135,79,1) 0%, rgba(207,70,121,1) 50%, rgba(140,47,143,1) 100%); + background: rgb(246,135,79); + border: 0 !important; + color: $white !important; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6874f",endColorstr="#8c2f8f",GradientType=1); + + &:hover, + &:focus { border: 0 !important; - &:hover, - &:focus { - border: 0 !important; - } - } - &--youtube { - background: $brands-youtube; - color: $white !important; - border: $s-1px solid $brands-youtube !important; - } - &--pinterest { - background: $brands-pinterest; - color: $white !important; - border: $s-1px solid $brands-pinterest !important; - } - &--flickr { - background: $brands-flickr; - color: $white !important; - border: $s-1px solid $brands-flickr !important; - } - &--google-plus { - background: $brands-google-plus; - color: $white !important; - border: $s-1px solid $brands-google-plus !important; } - &--generic, - &--govdelivery { - background-color: $niaid-blue; - color: $white !important; - border: $s-1px solid $niaid-blue !important; - img { - height: $s-1; - } +} + +.button--share--youtube { + background: $brands-youtube; + border: $s-1px solid $brands-youtube !important; + color: $white !important; +} + +.button--share--pinterest { + background: $brands-pinterest; + border: $s-1px solid $brands-pinterest !important; + color: $white !important; +} + +.button--share--flickr { + background: $brands-flickr; + border: $s-1px solid $brands-flickr !important; + color: $white !important; +} + +.button--share--google-plus { + background: $brands-google-plus; + border: $s-1px solid $brands-google-plus !important; + color: $white !important; +} + +.button--share--generic, +.button--share--govdelivery { + background-color: $niaid-blue; + border: $s-1px solid $niaid-blue !important; + color: $white !important; + + img { + height: $s-1; } } \ No newline at end of file diff --git a/src/_patterns/00-nds/01-atoms/buttons/button-share/demo/button-share.twig b/src/_patterns/00-nds/01-atoms/buttons/button-share/demo/button-share.twig index 68701cc6..ff9c04ce 100644 --- a/src/_patterns/00-nds/01-atoms/buttons/button-share/demo/button-share.twig +++ b/src/_patterns/00-nds/01-atoms/buttons/button-share/demo/button-share.twig @@ -12,9 +12,9 @@
{% include "@nds/01-atoms/buttons/button-share/_button-share-main.twig" with { - "button_share_type": "twitter", + "button_share_type": "x-twitter", "button_share_href": "#", - "button_share_aria_label": "Share on Twitter" + "button_share_aria_label": "Share on X" } %}
diff --git a/src/_patterns/00-nds/01-atoms/icons/icon-document/_icon-document-main.twig b/src/_patterns/00-nds/01-atoms/icons/icon-document/_icon-document-main.twig index 566f5e95..2938a0b4 100755 --- a/src/_patterns/00-nds/01-atoms/icons/icon-document/_icon-document-main.twig +++ b/src/_patterns/00-nds/01-atoms/icons/icon-document/_icon-document-main.twig @@ -98,7 +98,7 @@ { "icon_default_classes": "icon--document__wrapper__icon icon--document__wrapper__icon--pdf", "icon_default_weight": icon_document_icon_weight, - "icon_default_type": "file-pdf" + "icon_default_type": "file" } %} diff --git a/src/_patterns/00-nds/02-molecules/blocks/block-share/_block-share-main.twig b/src/_patterns/00-nds/02-molecules/blocks/block-share/_block-share-main.twig index 8e10f0ef..ee1d84a0 100644 --- a/src/_patterns/00-nds/02-molecules/blocks/block-share/_block-share-main.twig +++ b/src/_patterns/00-nds/02-molecules/blocks/block-share/_block-share-main.twig @@ -11,7 +11,7 @@ Parameters: block_share_classes: Additional block classes. block_share_id: Block ID. - block_share_data: An array of share button objects. Structure: {"type": "", "href": "", "ariaLabel": ""}. The type is the name of the social media platform in lowercase form (ex. twitter). + block_share_data: An array of share button objects. Structure: {"type": "", "href": "", "ariaLabel": ""}. The type is the name of the social media platform in lowercase form (ex. "X"). Includes: Atoms -> Buttons -> button-share diff --git a/src/_patterns/00-nds/02-molecules/blocks/block-share/demo/block-share.twig b/src/_patterns/00-nds/02-molecules/blocks/block-share/demo/block-share.twig index 3db53e11..3c7ceb30 100644 --- a/src/_patterns/00-nds/02-molecules/blocks/block-share/demo/block-share.twig +++ b/src/_patterns/00-nds/02-molecules/blocks/block-share/demo/block-share.twig @@ -7,9 +7,9 @@ "type": "facebook" }, { - "ariaLabel": "Share on Twitter", + "ariaLabel": "Share on X", "href": "#", - "type": "twitter" + "type": "x-twitter" }, { "ariaLabel": "Share on Linkedin", diff --git a/src/_patterns/00-nds/02-molecules/blocks/block-status-message/_block-status-message-main.twig b/src/_patterns/00-nds/02-molecules/blocks/block-status-message/_block-status-message-main.twig index 542ba949..bd5a3ea5 100644 --- a/src/_patterns/00-nds/02-molecules/blocks/block-status-message/_block-status-message-main.twig +++ b/src/_patterns/00-nds/02-molecules/blocks/block-status-message/_block-status-message-main.twig @@ -7,10 +7,10 @@ Description: Status messages are used to convey important information to users. There are four types of status messages - success, information, warning, and error: - - Success - Indicates a user has completed an important step or call to action. - - Information - Calls out an important snippet of information a user could find useful at-a-glance. - - Warning - Slows a reader down if skimming through the content. Indicates the user may need to take action before moving on. - - Error - Used in rare cases where a user should stop reading or moving forward and take additional action. + - Success (success) - Indicates a user has completed an important step or call to action. + - Information (information) - Calls out an important snippet of information a user could find useful at-a-glance. + - Warning (warning) - Slows a reader down if skimming through the content. Indicates the user may need to take action before moving on. + - Error (error) - Used in rare cases where a user should stop reading or moving forward and take additional action. Blocks: {% block block_status_message_content %}: The status message HTML content. @@ -21,7 +21,7 @@ block_status_message_type: The type of status message (required). Options: "success", "information", "warning", "error". Default: "information". block_status_message_attributes: Additional status message attributes, used particularly if these messages appear dynamically. - Last Updated: October 5, 2021 + Last Updated: December 6, 2023 #} {% set block_status_message_classes = block_status_message_classes|default() %} diff --git a/src/_patterns/00-nds/02-molecules/navigation/navigation-local/_navigation-local-main.twig b/src/_patterns/00-nds/02-molecules/navigation/navigation-local/_navigation-local-main.twig index a2f0d3bd..00a2529b 100755 --- a/src/_patterns/00-nds/02-molecules/navigation/navigation-local/_navigation-local-main.twig +++ b/src/_patterns/00-nds/02-molecules/navigation/navigation-local/_navigation-local-main.twig @@ -23,7 +23,7 @@ Includes: Atoms -> Buttons -> button--default - Last Updated: October 19, 2021 + Last Updated: December 6, 2023 #} {% set navigation_local_classes = navigation_local_classes|default() %} @@ -32,7 +32,7 @@ {% set navigation_local_item_attributes = navigation_local_item_attributes|default({}) %} {% set navigation_local_heading_text = navigation_local_heading_text|default() %} {% set navigation_local_heading_href = navigation_local_heading_href|default() %} -{% set navigation_local_sticky = navigation_local_sticky|default("false") %} +{% set navigation_local_sticky = navigation_local_sticky|default('false') %} {% import _self as menus %} @@ -117,13 +117,16 @@ {% if navigation_local_items is iterable %}