@nswds/tokens 0.0.2 → 2.1.0

package/.github/workflows/opencommit.yml

@@ -0,0 +1,41 @@
+name: 'OpenCommit Action'
+
+on:
+  push:
+    # this list of branches is often enough,
+    # but you may still ignore other public branches
+    branches-ignore: [main master dev development release]
+
+jobs:
+  opencommit:
+    timeout-minutes: 10
+    name: OpenCommit
+    runs-on: ubuntu-latest
+    permissions: write-all
+    steps:
+      - name: Setup Node.js Environment
+        uses: actions/setup-node@v2
+        with:
+          node-version: '16'
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - uses: di-sukharev/opencommit@github-action-v1.0.4
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+        env:
+          # set openAI api key in repo actions secrets,
+          # for openAI keys go to: https://platform.openai.com/account/api-keys
+          # for repo secret go to: <your_repo_url>/settings/secrets/actions
+          OCO_API_KEY: ${{ secrets.OPENAI_API_KEY }}
+
+          # customization
+          OCO_TOKENS_MAX_INPUT: 4096
+          OCO_TOKENS_MAX_OUTPUT: 500
+          OCO_OPENAI_BASE_PATH: ''
+          OCO_DESCRIPTION: false
+          OCO_EMOJI: false
+          OCO_MODEL: gpt-4o
+          OCO_LANGUAGE: en
+          OCO_PROMPT_MODULE: conventional-commit

package/.github/workflows/release.yml

@@ -0,0 +1,30 @@
+name: Release
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+
+      - run: npm ci
+
+      - name: Create .npmrc
+        run: |
+          echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc
+          echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > $NPM_CONFIG_USERCONFIG
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - run: npx semantic-release
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/.prettierignore

@@ -0,0 +1,18 @@
+node_modules
+.next
+.husky
+coverage
+.prettierignore
+.stylelintignore
+.eslintignore
+stories
+storybook-static
+*.log
+playwright-report
+.nyc_output
+test-results
+junit.xml
+docs
+out
+package-lock.json
+public

package/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "singleQuote": true,
+  "semi": false,
+  "tabWidth": 2,
+  "jsxSingleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 100
+}

package/CHANGELOG.md

@@ -0,0 +1,29 @@
+# [2.1.0](https://github.com/digitalnsw/nswds-tokens/compare/v2.0.0...v2.1.0) (2025-03-25)
+
+
+### Features
+
+* **workflow:** add OpenCommit GitHub Action workflow for automated commit messages generation ([5ba4c6c](https://github.com/digitalnsw/nswds-tokens/commit/5ba4c6cf9e429f4776c6ade072adf1fe9818fd69))
+
+# 1.0.0 (2025-03-25)
+
+### Features
+
+- add GitHub Actions workflow for autofilling PR descriptions ([6304e82](https://github.com/digitalnsw/nswds-tokens/commit/6304e822759e8ebd60bc146f5871e7eaf31bcaee))
+- add GitHub Actions workflow for automated releases and semantic-release configuration ([0b600a1](https://github.com/digitalnsw/nswds-tokens/commit/0b600a1e1d398e17bfc1ebbd7837d77bb614d015))
+- **colors:** add new color definitions for various themes in hex, hsl, oklch, and rgb formats to enhance design consistency across the application ([74b4def](https://github.com/digitalnsw/nswds-tokens/commit/74b4defec3d7e552de453852b14de47d157c38e6))
+- **colors:** add new color definitions in hex, hsl, oklch, and rgb formats for global and masterbrand themes to enhance design consistency across the application ([a113b2d](https://github.com/digitalnsw/nswds-tokens/commit/a113b2daccbf67ecfc66c96fb77b3c772f17eb3a))
+- **release:** add GitHub Actions workflow for automated releases on main branch ([8ebd9f3](https://github.com/digitalnsw/nswds-tokens/commit/8ebd9f37003af25caaba62f97f455ce07bcc93fa))
+- **release:** add GitHub Actions workflow for automated releases on main branch ([0ad84c0](https://github.com/digitalnsw/nswds-tokens/commit/0ad84c0d3676006be55e519d425cbae499174dd3))
+- **tokens:** add new color tokens in various formats (json, js, css, scss, less) for improved design consistency across the application ([c8cf2d9](https://github.com/digitalnsw/nswds-tokens/commit/c8cf2d9e4eab87b9ec026e92a80067a28fbb7e30))
+
+# 2.0.0 (2025-03-24)
+
+### Features
+
+- add GitHub Actions workflow for autofilling PR descriptions ([6304e82](https://github.com/digitalnsw/nswds-tokens/commit/6304e822759e8ebd60bc146f5871e7eaf31bcaee))
+- **colors:** add new color definitions for various themes in hex, hsl, oklch, and rgb formats to enhance design consistency across the application ([74b4def](https://github.com/digitalnsw/nswds-tokens/commit/74b4defec3d7e552de453852b14de47d157c38e6))
+- **colors:** add new color definitions in hex, hsl, oklch, and rgb formats for global and masterbrand themes to enhance design consistency across the application ([a113b2d](https://github.com/digitalnsw/nswds-tokens/commit/a113b2daccbf67ecfc66c96fb77b3c772f17eb3a))
+- **release:** add GitHub Actions workflow for automated releases on main branch ([8ebd9f3](https://github.com/digitalnsw/nswds-tokens/commit/8ebd9f37003af25caaba62f97f455ce07bcc93fa))
+- **release:** add GitHub Actions workflow for automated releases on main branch ([0ad84c0](https://github.com/digitalnsw/nswds-tokens/commit/0ad84c0d3676006be55e519d425cbae499174dd3))
+- **tokens:** add new color tokens in various formats (json, js, css, scss, less) for improved design consistency across the application ([c8cf2d9](https://github.com/digitalnsw/nswds-tokens/commit/c8cf2d9e4eab87b9ec026e92a80067a28fbb7e30))

package/README.md

@@ -1,2 +1,3 @@
 # nswds-tokens
- NSW Design System Application Kit Design Tokens
+
+NSW Design System Application Kit Design Tokens

package/dist/css/colors/global/hex.css

@@ -0,0 +1,192 @@
+:root {
+  --nsw-grey-50: #fafafa;
+  --nsw-grey-100: #f5f5f5;
+  --nsw-grey-150: #f0f0f0;
+  --nsw-grey-200: #ebebeb;
+  --nsw-grey-250: #e5e4e5;
+  --nsw-grey-300: #dedee1;
+  --nsw-grey-350: #d6d8dc;
+  --nsw-grey-400: #cdd3d6;
+  --nsw-grey-450: #aab0b4;
+  --nsw-grey-500: #888f92;
+  --nsw-grey-550: #686f72;
+  --nsw-grey-600: #495054;
+  --nsw-grey-650: #3f4549;
+  --nsw-grey-700: #353b3f;
+  --nsw-grey-750: #2b3135;
+  --nsw-grey-800: #22272b;
+  --nsw-grey-850: #181c1f;
+  --nsw-grey-900: #0e1113;
+  --nsw-grey-950: #050709;
+  --nsw-green-50: #f5fff6;
+  --nsw-green-100: #ecfdee;
+  --nsw-green-150: #e4fce7;
+  --nsw-green-200: #dbfadf;
+  --nsw-green-250: #cff7d4;
+  --nsw-green-300: #c2f4c9;
+  --nsw-green-350: #b5f0be;
+  --nsw-green-400: #a8edb3;
+  --nsw-green-450: #8adc98;
+  --nsw-green-500: #6acc7d;
+  --nsw-green-550: #45bb62;
+  --nsw-green-600: #00aa45;
+  --nsw-green-650: #078e32;
+  --nsw-green-700: #077320;
+  --nsw-green-750: #03590f;
+  --nsw-green-800: #004000;
+  --nsw-green-850: #003000;
+  --nsw-green-900: #002000;
+  --nsw-green-950: #001100;
+  --nsw-teal-50: #f2fbfa;
+  --nsw-teal-100: #e7f7f5;
+  --nsw-teal-150: #dcf2ef;
+  --nsw-teal-200: #d1eeea;
+  --nsw-teal-250: #c1eae7;
+  --nsw-teal-300: #b0e5e5;
+  --nsw-teal-350: #9ee0e5;
+  --nsw-teal-400: #8cdbe5;
+  --nsw-teal-450: #75c4cf;
+  --nsw-teal-500: #5eacb9;
+  --nsw-teal-550: #4696a3;
+  --nsw-teal-600: #2e808e;
+  --nsw-teal-650: #256f7b;
+  --nsw-teal-700: #1c5f69;
+  --nsw-teal-750: #144e58;
+  --nsw-teal-800: #0b3f47;
+  --nsw-teal-850: #042f35;
+  --nsw-teal-900: #011f24;
+  --nsw-teal-950: #001114;
+  --nsw-blue-50: #f0fbff;
+  --nsw-blue-100: #e4f6ff;
+  --nsw-blue-150: #d7f2fe;
+  --nsw-blue-200: #cbedfd;
+  --nsw-blue-250: #bceafe;
+  --nsw-blue-300: #ade7ff;
+  --nsw-blue-350: #9de3ff;
+  --nsw-blue-400: #8ce0ff;
+  --nsw-blue-450: #5ac9ff;
+  --nsw-blue-500: #26aeff;
+  --nsw-blue-550: #008fff;
+  --nsw-blue-600: #146cfd;
+  --nsw-blue-650: #0c5ad4;
+  --nsw-blue-700: #0548ad;
+  --nsw-blue-750: #023688;
+  --nsw-blue-800: #002664;
+  --nsw-blue-850: #001a4d;
+  --nsw-blue-900: #001037;
+  --nsw-blue-950: #000622;
+  --nsw-purple-50: #f9f7ff;
+  --nsw-purple-100: #f2f0ff;
+  --nsw-purple-150: #ece8fe;
+  --nsw-purple-200: #e6e1fd;
+  --nsw-purple-250: #e0d9fe;
+  --nsw-purple-300: #dad0fe;
+  --nsw-purple-350: #d4c8ff;
+  --nsw-purple-400: #cebfff;
+  --nsw-purple-450: #baa6fc;
+  --nsw-purple-500: #a68df9;
+  --nsw-purple-550: #9372f5;
+  --nsw-purple-600: #8055f1;
+  --nsw-purple-650: #7243cf;
+  --nsw-purple-700: #6432ae;
+  --nsw-purple-750: #54218e;
+  --nsw-purple-800: #441170;
+  --nsw-purple-850: #330856;
+  --nsw-purple-900: #23023e;
+  --nsw-purple-950: #130027;
+  --nsw-fuchsia-50: #fff6fd;
+  --nsw-fuchsia-100: #ffeef9;
+  --nsw-fuchsia-150: #fee6f5;
+  --nsw-fuchsia-200: #fddef2;
+  --nsw-fuchsia-250: #fbd4ef;
+  --nsw-fuchsia-300: #f9c9eb;
+  --nsw-fuchsia-350: #f7bfe9;
+  --nsw-fuchsia-400: #f4b5e6;
+  --nsw-fuchsia-450: #ef96da;
+  --nsw-fuchsia-500: #e975cc;
+  --nsw-fuchsia-550: #e150be;
+  --nsw-fuchsia-600: #d912ae;
+  --nsw-fuchsia-650: #bb0c94;
+  --nsw-fuchsia-700: #9d067b;
+  --nsw-fuchsia-750: #810264;
+  --nsw-fuchsia-800: #65004d;
+  --nsw-fuchsia-850: #4d003a;
+  --nsw-fuchsia-900: #370028;
+  --nsw-fuchsia-950: #220017;
+  --nsw-red-50: #fff8f9;
+  --nsw-red-100: #fff2f4;
+  --nsw-red-150: #ffecef;
+  --nsw-red-200: #ffe6ea;
+  --nsw-red-250: #ffdbe0;
+  --nsw-red-300: #ffcfd6;
+  --nsw-red-350: #ffc4cc;
+  --nsw-red-400: #ffb8c1;
+  --nsw-red-450: #f897a2;
+  --nsw-red-500: #ef7581;
+  --nsw-red-550: #e44f5f;
+  --nsw-red-600: #d7153a;
+  --nsw-red-650: #b90e32;
+  --nsw-red-700: #9b072a;
+  --nsw-red-750: #7e0322;
+  --nsw-red-800: #630019;
+  --nsw-red-850: #4c0010;
+  --nsw-red-900: #360008;
+  --nsw-red-950: #210003;
+  --nsw-orange-50: #fffaf6;
+  --nsw-orange-100: #fff6ee;
+  --nsw-orange-150: #fef1e7;
+  --nsw-orange-200: #fdeddf;
+  --nsw-orange-250: #fee5ce;
+  --nsw-orange-300: #ffddbd;
+  --nsw-orange-350: #ffd6ab;
+  --nsw-orange-400: #ffce99;
+  --nsw-orange-450: #fdb678;
+  --nsw-orange-500: #fb9d58;
+  --nsw-orange-550: #f78139;
+  --nsw-orange-600: #f3631b;
+  --nsw-orange-650: #db5115;
+  --nsw-orange-700: #c33f0e;
+  --nsw-orange-750: #ab2e06;
+  --nsw-orange-800: #941b00;
+  --nsw-orange-850: #730f00;
+  --nsw-orange-900: #530400;
+  --nsw-orange-950: #350000;
+  --nsw-yellow-50: #fffcf0;
+  --nsw-yellow-100: #fffae5;
+  --nsw-yellow-150: #fff7da;
+  --nsw-yellow-200: #fff4cf;
+  --nsw-yellow-250: #fff1c2;
+  --nsw-yellow-300: #feeeb5;
+  --nsw-yellow-350: #feeaa8;
+  --nsw-yellow-400: #fde79a;
+  --nsw-yellow-450: #fbda80;
+  --nsw-yellow-500: #facd63;
+  --nsw-yellow-550: #fabe42;
+  --nsw-yellow-600: #faaf05;
+  --nsw-yellow-650: #d49402;
+  --nsw-yellow-700: #af7a01;
+  --nsw-yellow-750: #8b6000;
+  --nsw-yellow-800: #694800;
+  --nsw-yellow-850: #503500;
+  --nsw-yellow-900: #392400;
+  --nsw-yellow-950: #221300;
+  --nsw-brown-50: #fbf8f4;
+  --nsw-brown-100: #f6f1ea;
+  --nsw-brown-150: #f2eae1;
+  --nsw-brown-200: #ede3d7;
+  --nsw-brown-250: #ecdece;
+  --nsw-brown-300: #eadac6;
+  --nsw-brown-350: #e9d5bd;
+  --nsw-brown-400: #e8d0b5;
+  --nsw-brown-450: #dbbf9f;
+  --nsw-brown-500: #cfae89;
+  --nsw-brown-550: #c29d73;
+  --nsw-brown-600: #b68d5d;
+  --nsw-brown-650: #9c764b;
+  --nsw-brown-700: #82603a;
+  --nsw-brown-750: #6a4b29;
+  --nsw-brown-800: #523719;
+  --nsw-brown-850: #3e280f;
+  --nsw-brown-900: #2b1a07;
+  --nsw-brown-950: #190d02;
+}

package/dist/css/colors/global/hsl.css

@@ -0,0 +1,192 @@
+:root {
+  --nsw-grey-50: hsl(223.81, 0%, 98.03%);
+  --nsw-grey-100: hsl(223.81, 0%, 96.07%);
+  --nsw-grey-150: hsl(223.81, 0%, 94.11%);
+  --nsw-grey-200: hsl(223.81, 0%, 92.16%);
+  --nsw-grey-250: hsl(303.31, 2.25%, 89.74%);
+  --nsw-grey-300: hsl(250.59, 4.53%, 87.59%);
+  --nsw-grey-350: hsl(218.09, 8.07%, 85.12%);
+  --nsw-grey-400: hsl(200, 9.92%, 82.16%);
+  --nsw-grey-450: hsl(200.47, 6.04%, 68.52%);
+  --nsw-grey-500: hsl(200.94, 4.51%, 55.36%);
+  --nsw-grey-550: hsl(201.39, 4.92%, 42.76%);
+  --nsw-grey-600: hsl(201.82, 7.01%, 30.78%);
+  --nsw-grey-650: hsl(203.03, 7.75%, 26.7%);
+  --nsw-grey-700: hsl(204.24, 8.69%, 22.72%);
+  --nsw-grey-750: hsl(205.45, 9.95%, 18.85%);
+  --nsw-grey-800: hsl(206.66, 11.73%, 15.1%);
+  --nsw-grey-850: hsl(206.65, 13.42%, 10.7%);
+  --nsw-grey-900: hsl(206.64, 17.08%, 6.52%);
+  --nsw-grey-950: hsl(208.68, 23.56%, 2.8%);
+  --nsw-green-50: hsl(126.92, 92.47%, 97.87%);
+  --nsw-green-100: hsl(127.17, 81.74%, 95.92%);
+  --nsw-green-150: hsl(127.44, 77.76%, 93.95%);
+  --nsw-green-200: hsl(127.73, 75.6%, 91.95%);
+  --nsw-green-250: hsl(128.12, 71.21%, 88.91%);
+  --nsw-green-300: hsl(128.55, 68.63%, 85.81%);
+  --nsw-green-350: hsl(129.03, 66.92%, 82.65%);
+  --nsw-green-400: hsl(129.57, 65.73%, 79.41%);
+  --nsw-green-450: hsl(130.49, 54.37%, 70.18%);
+  --nsw-green-500: hsl(131.92, 48.77%, 60.63%);
+  --nsw-green-550: hsl(134.54, 46.29%, 50.21%);
+  --nsw-green-600: hsl(144.36, 100%, 33.32%);
+  --nsw-green-650: hsl(139.28, 91%, 29.11%);
+  --nsw-green-700: hsl(134.24, 89.07%, 23.77%);
+  --nsw-green-750: hsl(128, 92.42%, 18.07%);
+  --nsw-green-800: hsl(120.02, 99.95%, 12.55%);
+  --nsw-green-850: hsl(120.42, 100%, 8.99%);
+  --nsw-green-900: hsl(120.78, 100%, 5.85%);
+  --nsw-green-950: hsl(121.18, 100%, 3.07%);
+  --nsw-teal-50: hsl(171.22, 56.09%, 96.73%);
+  --nsw-teal-100: hsl(171.38, 49.46%, 93.72%);
+  --nsw-teal-150: hsl(171.55, 47.16%, 90.69%);
+  --nsw-teal-200: hsl(171.73, 46.01%, 87.65%);
+  --nsw-teal-250: hsl(176, 49.1%, 83.58%);
+  --nsw-teal-300: hsl(180.06, 50.94%, 79.35%);
+  --nsw-teal-350: hsl(183.68, 57.17%, 75.79%);
+  --nsw-teal-400: hsl(186.74, 63.11%, 72.35%);
+  --nsw-teal-450: hsl(187.41, 48.13%, 63.4%);
+  --nsw-teal-500: hsl(188, 39.25%, 54.56%);
+  --nsw-teal-550: hsl(188.48, 39.7%, 45.78%);
+  --nsw-teal-600: hsl(188.75, 51.08%, 36.86%);
+  --nsw-teal-650: hsl(188.61, 53.9%, 31.46%);
+  --nsw-teal-700: hsl(188.45, 57.82%, 26.19%);
+  --nsw-teal-750: hsl(188.25, 63.64%, 21.07%);
+  --nsw-teal-800: hsl(188, 73.24%, 16.07%);
+  --nsw-teal-850: hsl(187.98, 84.98%, 11.27%);
+  --nsw-teal-900: hsl(188.56, 96.08%, 7.25%);
+  --nsw-teal-950: hsl(190.58, 100%, 3.88%);
+  --nsw-blue-50: hsl(199.45, 100%, 97.34%);
+  --nsw-blue-100: hsl(199.38, 100%, 94.73%);
+  --nsw-blue-150: hsl(199.29, 95.95%, 92.09%);
+  --nsw-blue-200: hsl(199.2, 92.7%, 89.41%);
+  --nsw-blue-250: hsl(198.5, 96.92%, 86.75%);
+  --nsw-blue-300: hsl(197.77, 99.01%, 83.9%);
+  --nsw-blue-350: hsl(197, 99.86%, 80.82%);
+  --nsw-blue-400: hsl(196.18, 99.98%, 77.46%);
+  --nsw-blue-450: hsl(199.75, 99.81%, 67.58%);
+  --nsw-blue-500: hsl(202.53, 100%, 57.56%);
+  --nsw-blue-550: hsl(204.78, 100%, 47%);
+  --nsw-blue-600: hsl(217.35, 98.29%, 53.54%);
+  --nsw-blue-650: hsl(216.77, 89.39%, 43.99%);
+  --nsw-blue-700: hsl(216.29, 94.12%, 35.01%);
+  --nsw-blue-750: hsl(216.37, 97.67%, 26.93%);
+  --nsw-blue-800: hsl(217.2, 100%, 19.61%);
+  --nsw-blue-850: hsl(218.95, 100%, 14.93%);
+  --nsw-blue-900: hsl(222.31, 100%, 10.59%);
+  --nsw-blue-950: hsl(228.65, 100%, 6.6%);
+  --nsw-purple-50: hsl(250, 100%, 98.76%);
+  --nsw-purple-100: hsl(250.23, 100%, 97.1%);
+  --nsw-purple-150: hsl(250.46, 93.55%, 95.42%);
+  --nsw-purple-200: hsl(250.71, 87.63%, 93.73%);
+  --nsw-purple-250: hsl(251.52, 93.9%, 92.24%);
+  --nsw-purple-300: hsl(252.35, 97.36%, 90.69%);
+  --nsw-purple-350: hsl(253.2, 99.18%, 89.1%);
+  --nsw-purple-400: hsl(254.06, 99.98%, 87.45%);
+  --nsw-purple-450: hsl(253.9, 94.11%, 82.01%);
+  --nsw-purple-500: hsl(254.11, 90.13%, 76.39%);
+  --nsw-purple-550: hsl(254.88, 87.1%, 70.46%);
+  --nsw-purple-600: hsl(256.54, 84.77%, 63.92%);
+  --nsw-purple-650: hsl(260.32, 59.16%, 53.67%);
+  --nsw-purple-700: hsl(264.12, 55.46%, 43.83%);
+  --nsw-purple-750: hsl(268.01, 62.03%, 34.39%);
+  --nsw-purple-800: hsl(272.2, 73.61%, 25.3%);
+  --nsw-purple-850: hsl(272.74, 82.65%, 18.56%);
+  --nsw-purple-900: hsl(272.45, 92.74%, 12.65%);
+  --nsw-purple-950: hsl(269.95, 100%, 7.66%);
+  --nsw-fuchsia-50: hsl(322.14, 100%, 98.49%);
+  --nsw-fuchsia-100: hsl(321.86, 100%, 96.73%);
+  --nsw-fuchsia-150: hsl(321.58, 93.8%, 94.94%);
+  --nsw-fuchsia-200: hsl(321.29, 88.4%, 93.13%);
+  --nsw-fuchsia-250: hsl(319.35, 84.33%, 90.79%);
+  --nsw-fuchsia-300: hsl(317.37, 80.64%, 88.37%);
+  --nsw-fuchsia-350: hsl(315.37, 77.26%, 85.89%);
+  --nsw-fuchsia-400: hsl(313.33, 74.12%, 83.33%);
+  --nsw-fuchsia-450: hsl(314.15, 73.33%, 76.26%);
+  --nsw-fuchsia-500: hsl(314.67, 72.14%, 68.63%);
+  --nsw-fuchsia-550: hsl(314.69, 71.13%, 59.87%);
+  --nsw-fuchsia-600: hsl(312.97, 84.59%, 46.1%);
+  --nsw-fuchsia-650: hsl(313.18, 88.3%, 38.88%);
+  --nsw-fuchsia-700: hsl(313.38, 92.82%, 31.97%);
+  --nsw-fuchsia-750: hsl(313.72, 96.76%, 25.63%);
+  --nsw-fuchsia-800: hsl(314.26, 99.98%, 19.81%);
+  --nsw-fuchsia-850: hsl(314.51, 100%, 14.68%);
+  --nsw-fuchsia-900: hsl(315.33, 100%, 10.15%);
+  --nsw-fuchsia-950: hsl(317.48, 100%, 6.11%);
+  --nsw-red-50: hsl(350.85, 100%, 98.97%);
+  --nsw-red-100: hsl(350.7, 100%, 97.7%);
+  --nsw-red-150: hsl(350.55, 100%, 96.41%);
+  --nsw-red-200: hsl(350.4, 99.99%, 95.1%);
+  --nsw-red-250: hsl(350.92, 100%, 92.95%);
+  --nsw-red-300: hsl(351.43, 100%, 90.72%);
+  --nsw-red-350: hsl(351.92, 100%, 88.44%);
+  --nsw-red-400: hsl(352.39, 99.97%, 86.08%);
+  --nsw-red-450: hsl(353.39, 86.95%, 78.18%);
+  --nsw-red-500: hsl(353.95, 78.84%, 69.69%);
+  --nsw-red-550: hsl(353.52, 73.18%, 60.13%);
+  --nsw-red-600: hsl(348.56, 82.17%, 46.29%);
+  --nsw-red-650: hsl(347.26, 85.88%, 38.93%);
+  --nsw-red-700: hsl(345.89, 90.98%, 31.82%);
+  --nsw-red-750: hsl(345, 95.86%, 25.31%);
+  --nsw-red-800: hsl(344.84, 100%, 19.41%);
+  --nsw-red-850: hsl(346.11, 100%, 14.46%);
+  --nsw-red-900: hsl(349.14, 100%, 10.03%);
+  --nsw-red-950: hsl(352.16, 100%, 6.07%);
+  --nsw-orange-50: hsl(27.87, 100%, 98.29%);
+  --nsw-orange-100: hsl(27.91, 96.94%, 96.64%);
+  --nsw-orange-150: hsl(27.95, 91.25%, 94.99%);
+  --nsw-orange-200: hsl(28, 88.2%, 93.33%);
+  --nsw-orange-250: hsl(28.75, 96.75%, 90.26%);
+  --nsw-orange-300: hsl(29.52, 99.72%, 87.03%);
+  --nsw-orange-350: hsl(30.32, 100%, 83.61%);
+  --nsw-orange-400: hsl(31.18, 100%, 80%);
+  --nsw-orange-450: hsl(28.25, 96.79%, 73.01%);
+  --nsw-orange-500: hsl(25.49, 94.76%, 66.34%);
+  --nsw-orange-550: hsl(22.75, 92.61%, 59.79%);
+  --nsw-orange-600: hsl(20, 89.98%, 52.94%);
+  --nsw-orange-650: hsl(18.26, 82.62%, 47%);
+  --nsw-orange-700: hsl(16.43, 86.72%, 40.94%);
+  --nsw-orange-750: hsl(14.39, 93.12%, 34.79%);
+  --nsw-orange-800: hsl(10.94, 100%, 29.02%);
+  --nsw-orange-850: hsl(9.09, 100%, 21.91%);
+  --nsw-orange-900: hsl(5.28, 100%, 15.58%);
+  --nsw-orange-950: hsl(2.01, 100%, 9.91%);
+  --nsw-yellow-50: hsl(46.46, 100%, 97.31%);
+  --nsw-yellow-100: hsl(46.38, 100%, 95.09%);
+  --nsw-yellow-150: hsl(46.31, 100%, 92.85%);
+  --nsw-yellow-200: hsl(46.25, 99.92%, 90.59%);
+  --nsw-yellow-250: hsl(46.32, 98.52%, 88%);
+  --nsw-yellow-300: hsl(46.42, 97.52%, 85.35%);
+  --nsw-yellow-350: hsl(46.53, 96.75%, 82.63%);
+  --nsw-yellow-400: hsl(46.67, 96.12%, 79.82%);
+  --nsw-yellow-450: hsl(43.95, 94.26%, 74.28%);
+  --nsw-yellow-500: hsl(41.83, 94.17%, 68.55%);
+  --nsw-yellow-550: hsl(40.46, 94.83%, 62.03%);
+  --nsw-yellow-600: hsl(41.65, 96.35%, 49.93%);
+  --nsw-yellow-650: hsl(41.73, 97.79%, 41.95%);
+  --nsw-yellow-700: hsl(41.7, 98.85%, 34.42%);
+  --nsw-yellow-750: hsl(41.53, 99.58%, 27.3%);
+  --nsw-yellow-800: hsl(41.14, 100%, 20.58%);
+  --nsw-yellow-850: hsl(40.68, 100%, 15.12%);
+  --nsw-yellow-900: hsl(39.24, 100%, 10.36%);
+  --nsw-yellow-950: hsl(35.52, 100%, 6.19%);
+  --nsw-brown-50: hsl(32.66, 48.62%, 97.07%);
+  --nsw-brown-100: hsl(32.68, 41.72%, 94.25%);
+  --nsw-brown-150: hsl(32.7, 39.3%, 91.43%);
+  --nsw-brown-200: hsl(32.73, 38.03%, 88.63%);
+  --nsw-brown-250: hsl(32.48, 43.17%, 86.7%);
+  --nsw-brown-300: hsl(32.23, 47.04%, 84.79%);
+  --nsw-brown-350: hsl(31.99, 50.07%, 82.88%);
+  --nsw-brown-400: hsl(31.77, 52.52%, 80.98%);
+  --nsw-brown-450: hsl(31.83, 45.98%, 74.17%);
+  --nsw-brown-500: hsl(31.93, 42.13%, 67.41%);
+  --nsw-brown-550: hsl(32.1, 39.61%, 60.67%);
+  --nsw-brown-600: hsl(32.36, 37.86%, 53.93%);
+  --nsw-brown-650: hsl(32.04, 34.92%, 45.3%);
+  --nsw-brown-700: hsl(31.77, 38.52%, 36.92%);
+  --nsw-brown-750: hsl(31.58, 43.97%, 28.81%);
+  --nsw-brown-800: hsl(31.58, 53.25%, 20.99%);
+  --nsw-brown-850: hsl(31.74, 60%, 15.18%);
+  --nsw-brown-900: hsl(31.73, 72.6%, 9.74%);
+  --nsw-brown-950: hsl(27.95, 86.09%, 5.27%);
+}