@nswds/tokens 0.0.2 → 2.1.0

package/dist/ts/colors/themes/masterbrand/hex.ts

@@ -0,0 +1,72 @@
+export const primary = {
+  lightest: '#0c5ad4',
+  lighter: '#0548ad',
+  light: '#023688',
+  DEFAULT: '#002664',
+  dark: '#001a4d',
+  darker: '#001037',
+  darkest: '#000622',
+}
+export const secondary = {
+  lightest: '#f0fbff',
+  lighter: '#e4f6ff',
+  light: '#d7f2fe',
+  DEFAULT: '#cbedfd',
+  dark: '#bceafe',
+  darker: '#ade7ff',
+  darkest: '#9de3ff',
+}
+export const tertiary = {
+  lightest: '#5ac9ff',
+  lighter: '#26aeff',
+  light: '#008fff',
+  DEFAULT: '#146cfd',
+  dark: '#0c5ad4',
+  darker: '#0548ad',
+  darkest: '#023688',
+}
+export const accent = {
+  lightest: '#f897a2',
+  lighter: '#ef7581',
+  light: '#e44f5f',
+  DEFAULT: '#d7153a',
+  dark: '#b90e32',
+  darker: '#9b072a',
+  darkest: '#7e0322',
+}
+export const success = {
+  lightest: '#c4e5c0',
+  lighter: '#8fc78b',
+  light: '#58a854',
+  DEFAULT: '#008a07',
+  dark: '#006a00',
+  darker: '#004c00',
+  darkest: '#002f00',
+}
+export const warning = {
+  lightest: '#fdd2c0',
+  lighter: '#eea88a',
+  light: '#dd7d53',
+  DEFAULT: '#c95000',
+  dark: '#9d3a00',
+  darker: '#722600',
+  darkest: '#4b1200',
+}
+export const error = {
+  lightest: '#fdc6c6',
+  lighter: '#ea9295',
+  light: '#d35d65',
+  DEFAULT: '#b81237',
+  dark: '#8f0327',
+  darker: '#690018',
+  darkest: '#44000a',
+}
+export const info = {
+  lightest: '#acbbd5',
+  lighter: '#8198c2',
+  light: '#5775ae',
+  DEFAULT: '#2e5299',
+  dark: '#203d77',
+  darker: '#132956',
+  darkest: '#071738',
+}

package/dist/ts/colors/themes/masterbrand/hsl.ts

@@ -0,0 +1,72 @@
+export const primary = {
+  lightest: 'hsl(216.77, 89.39%, 43.99%)',
+  lighter: 'hsl(216.29, 94.12%, 35.01%)',
+  light: 'hsl(216.37, 97.67%, 26.93%)',
+  DEFAULT: 'hsl(217.2, 100%, 19.61%)',
+  dark: 'hsl(218.95, 100%, 14.93%)',
+  darker: 'hsl(222.31, 100%, 10.59%)',
+  darkest: 'hsl(228.65, 100%, 6.6%)',
+}
+export const secondary = {
+  lightest: 'hsl(199.45, 100%, 97.34%)',
+  lighter: 'hsl(199.38, 100%, 94.73%)',
+  light: 'hsl(199.29, 95.95%, 92.09%)',
+  DEFAULT: 'hsl(199.2, 92.7%, 89.41%)',
+  dark: 'hsl(198.5, 96.92%, 86.75%)',
+  darker: 'hsl(197.77, 99.01%, 83.9%)',
+  darkest: 'hsl(197, 99.86%, 80.82%)',
+}
+export const tertiary = {
+  lightest: 'hsl(199.75, 99.81%, 67.58%)',
+  lighter: 'hsl(202.53, 100%, 57.56%)',
+  light: 'hsl(204.78, 100%, 47%)',
+  DEFAULT: 'hsl(217.35, 98.29%, 53.54%)',
+  dark: 'hsl(216.77, 89.39%, 43.99%)',
+  darker: 'hsl(216.29, 94.12%, 35.01%)',
+  darkest: 'hsl(216.37, 97.67%, 26.93%)',
+}
+export const accent = {
+  lightest: 'hsl(353.39, 86.95%, 78.18%)',
+  lighter: 'hsl(353.95, 78.84%, 69.69%)',
+  light: 'hsl(353.52, 73.18%, 60.13%)',
+  DEFAULT: 'hsl(348.56, 82.17%, 46.29%)',
+  dark: 'hsl(347.26, 85.88%, 38.93%)',
+  darker: 'hsl(345.89, 90.98%, 31.82%)',
+  darkest: 'hsl(345, 95.86%, 25.31%)',
+}
+export const success = {
+  lightest: 'hsl(114.97, 40.73%, 82.58%)',
+  lighter: 'hsl(115.71, 34.69%, 66.15%)',
+  light: 'hsl(117.04, 33.36%, 49.53%)',
+  DEFAULT: 'hsl(123.03, 99.86%, 27.07%)',
+  dark: 'hsl(122.95, 100%, 19.11%)',
+  darker: 'hsl(122.88, 100%, 12.75%)',
+  darkest: 'hsl(122.85, 100%, 7.59%)',
+}
+export const warning = {
+  lightest: 'hsl(17.74, 94.96%, 87.24%)',
+  lighter: 'hsl(17.94, 75.08%, 73.77%)',
+  light: 'hsl(18.45, 66.88%, 59.6%)',
+  DEFAULT: 'hsl(23.88, 100%, 39.41%)',
+  dark: 'hsl(24.01, 100%, 29.25%)',
+  darker: 'hsl(22.64, 100%, 20.66%)',
+  darkest: 'hsl(18.45, 100%, 13.3%)',
+}
+export const error = {
+  lightest: 'hsl(359.69, 92.77%, 88.44%)',
+  lighter: 'hsl(358.32, 67.17%, 74.5%)',
+  light: 'hsl(355.68, 57.13%, 59.46%)',
+  DEFAULT: 'hsl(346.64, 82.14%, 39.61%)',
+  dark: 'hsl(344.75, 95.28%, 28.78%)',
+  darker: 'hsl(344.52, 100%, 19.69%)',
+  darkest: 'hsl(347.44, 100%, 12.27%)',
+}
+export const info = {
+  lightest: 'hsl(218.63, 32.11%, 75.49%)',
+  lighter: 'hsl(218.81, 34.57%, 63.16%)',
+  light: 'hsl(219.17, 34.9%, 51.02%)',
+  DEFAULT: 'hsl(219.81, 53.78%, 39.02%)',
+  dark: 'hsl(219.86, 57.49%, 29.6%)',
+  darker: 'hsl(219.94, 64.03%, 20.65%)',
+  darkest: 'hsl(220.32, 77.63%, 12.34%)',
+}

package/dist/ts/colors/themes/masterbrand/oklch.ts

@@ -0,0 +1,72 @@
+export const primary = {
+  lightest: 'oklch(0.503825 0.201675 260.53)',
+  lighter: 'oklch(0.43255 0.17355 260.29999999999995)',
+  light: 'oklch(0.36127499999999996 0.145425 260.07)',
+  DEFAULT: 'oklch(0.29 0.1173 259.84)',
+  dark: 'oklch(0.23925 0.099705 259.84)',
+  darker: 'oklch(0.1885 0.08211 259.84)',
+  darkest: 'oklch(0.13774999999999998 0.064515 259.84)',
+}
+export const secondary = {
+  lightest: 'oklch(0.981675 0.013552500000000002 227.89)',
+  lighter: 'oklch(0.9633499999999999 0.022935 227.89)',
+  light: 'oklch(0.945025 0.0323175 227.89)',
+  DEFAULT: 'oklch(0.9267 0.0417 227.89)',
+  dark: 'oklch(0.9110499999999999 0.0543 226.8175)',
+  darker: 'oklch(0.8954 0.0669 225.745)',
+  darkest: 'oklch(0.87975 0.0795 224.67249999999999)',
+}
+export const tertiary = {
+  lightest: 'oklch(0.7918499999999999 0.126525 232.89)',
+  lighter: 'oklch(0.7196 0.16095 242.18)',
+  light: 'oklch(0.64735 0.19537500000000002 251.47)',
+  DEFAULT: 'oklch(0.5751 0.2298 260.76)',
+  dark: 'oklch(0.503825 0.201675 260.53)',
+  darker: 'oklch(0.43255 0.17355 260.29999999999995)',
+  darkest: 'oklch(0.36127499999999996 0.145425 260.07)',
+}
+export const accent = {
+  lightest: 'oklch(0.778675 0.11662499999999999 13.01)',
+  lighter: 'oklch(0.70645 0.15025 15.45)',
+  light: 'oklch(0.634225 0.183875 17.89)',
+  DEFAULT: 'oklch(0.562 0.2175 20.33)',
+  dark: 'oklch(0.50075 0.19485 19.529999999999998)',
+  darker: 'oklch(0.4395 0.17220000000000002 18.729999999999997)',
+  darkest: 'oklch(0.37825000000000003 0.14955000000000002 17.93)',
+}
+export const success = {
+  lightest: 'oklch(0.88725 0.06009250000000001 142.8)',
+  lighter: 'oklch(0.7745 0.10169500000000001 142.8)',
+  light: 'oklch(0.6617500000000001 0.14329750000000002 142.8)',
+  DEFAULT: 'oklch(0.549 0.1849 142.8)',
+  dark: 'oklch(0.452925 0.157165 142.8)',
+  darker: 'oklch(0.35685 0.12943000000000002 142.8)',
+  darkest: 'oklch(0.26077500000000003 0.10169500000000001 142.8)',
+}
+export const warning = {
+  lightest: 'oklch(0.895825 0.055154125 43.9973)',
+  lighter: 'oklch(0.79165 0.09333775 43.9973)',
+  light: 'oklch(0.6874750000000001 0.131521375 43.9973)',
+  DEFAULT: 'oklch(0.5833 0.169705 43.9973)',
+  dark: 'oklch(0.4812225 0.14424925 43.9973)',
+  darker: 'oklch(0.37914500000000007 0.1187935 43.9973)',
+  darkest: 'oklch(0.2770675 0.09333775 43.9973)',
+}
+export const error = {
+  lightest: 'oklch(0.8755 0.0626275 18.08)',
+  lighter: 'oklch(0.751 0.10598500000000001 18.08)',
+  light: 'oklch(0.6265000000000001 0.14934250000000002 18.08)',
+  DEFAULT: 'oklch(0.502 0.1927 18.08)',
+  dark: 'oklch(0.41415 0.16379500000000002 18.08)',
+  darker: 'oklch(0.32630000000000003 0.13489 18.08)',
+  darkest: 'oklch(0.23845 0.10598500000000001 18.08)',
+}
+export const info = {
+  lightest: 'oklch(0.78855 0.0400725 262.35)',
+  lighter: 'oklch(0.6759 0.067815 262.35)',
+  light: 'oklch(0.56325 0.0955575 262.35)',
+  DEFAULT: 'oklch(0.4506 0.1233 262.35)',
+  dark: 'oklch(0.371745 0.10480500000000001 262.35)',
+  darker: 'oklch(0.29289 0.08631 262.35)',
+  darkest: 'oklch(0.214035 0.067815 262.35)',
+}

package/dist/ts/colors/themes/masterbrand/rgb.ts

@@ -0,0 +1,72 @@
+export const primary = {
+  lightest: 'rgb(12, 90, 212)',
+  lighter: 'rgb(5, 72, 173)',
+  light: 'rgb(2, 54, 136)',
+  DEFAULT: 'rgb(0, 38, 100)',
+  dark: 'rgb(0, 26, 77)',
+  darker: 'rgb(0, 16, 55)',
+  darkest: 'rgb(0, 6, 34)',
+}
+export const secondary = {
+  lightest: 'rgb(240, 251, 255)',
+  lighter: 'rgb(228, 246, 255)',
+  light: 'rgb(215, 242, 254)',
+  DEFAULT: 'rgb(203, 237, 253)',
+  dark: 'rgb(188, 234, 254)',
+  darker: 'rgb(173, 231, 255)',
+  darkest: 'rgb(157, 227, 255)',
+}
+export const tertiary = {
+  lightest: 'rgb(90, 201, 255)',
+  lighter: 'rgb(38, 174, 255)',
+  light: 'rgb(0, 143, 255)',
+  DEFAULT: 'rgb(20, 108, 253)',
+  dark: 'rgb(12, 90, 212)',
+  darker: 'rgb(5, 72, 173)',
+  darkest: 'rgb(2, 54, 136)',
+}
+export const accent = {
+  lightest: 'rgb(248, 151, 162)',
+  lighter: 'rgb(239, 117, 129)',
+  light: 'rgb(228, 79, 95)',
+  DEFAULT: 'rgb(215, 21, 58)',
+  dark: 'rgb(185, 14, 50)',
+  darker: 'rgb(155, 7, 42)',
+  darkest: 'rgb(126, 3, 34)',
+}
+export const success = {
+  lightest: 'rgb(196, 229, 192)',
+  lighter: 'rgb(143, 199, 139)',
+  light: 'rgb(88, 168, 84)',
+  DEFAULT: 'rgb(0, 138, 7)',
+  dark: 'rgb(0, 106, 0)',
+  darker: 'rgb(0, 76, 0)',
+  darkest: 'rgb(0, 47, 0)',
+}
+export const warning = {
+  lightest: 'rgb(253, 210, 192)',
+  lighter: 'rgb(238, 168, 138)',
+  light: 'rgb(221, 125, 83)',
+  DEFAULT: 'rgb(201, 80, 0)',
+  dark: 'rgb(157, 58, 0)',
+  darker: 'rgb(114, 38, 0)',
+  darkest: 'rgb(75, 18, 0)',
+}
+export const error = {
+  lightest: 'rgb(253, 198, 198)',
+  lighter: 'rgb(234, 146, 149)',
+  light: 'rgb(211, 93, 101)',
+  DEFAULT: 'rgb(184, 18, 55)',
+  dark: 'rgb(143, 3, 39)',
+  darker: 'rgb(105, 0, 24)',
+  darkest: 'rgb(68, 0, 10)',
+}
+export const info = {
+  lightest: 'rgb(172, 187, 213)',
+  lighter: 'rgb(129, 152, 194)',
+  light: 'rgb(87, 117, 174)',
+  DEFAULT: 'rgb(46, 82, 153)',
+  dark: 'rgb(32, 61, 119)',
+  darker: 'rgb(19, 41, 86)',
+  darkest: 'rgb(7, 23, 56)',
+}

package/eslint.config.js

@@ -0,0 +1,20 @@
+import { defineConfig } from 'eslint/config'
+import globals from 'globals'
+import js from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import eslintPluginPrettier from 'eslint-plugin-prettier'
+
+export default defineConfig([
+  { files: ['**/*.{js,mjs,cjs,ts}'] },
+  { files: ['**/*.{js,mjs,cjs,ts}'], languageOptions: { globals: globals.browser } },
+  { files: ['**/*.{js,mjs,cjs,ts}'], plugins: { js }, extends: ['js/recommended'] },
+  tseslint.configs.recommended,
+  {
+    plugins: {
+      prettier: eslintPluginPrettier,
+    },
+    rules: {
+      'prettier/prettier': 'error', // Enforce Prettier formatting
+    },
+  },
+])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nswds/tokens",
-  "version": "0.0.2",
+  "version": "2.1.0",
   "description": "NSW Design System Application Kit Design Tokens",
   "homepage": "https://github.com/digitalnsw/nswds-tokens#readme",
   "repository": {
@@ -8,34 +8,9 @@
     "url": "git+https://github.com/digitalnsw/nswds-tokens.git"
   },
   "scripts": {
-    "semantic-release": "semantic-release"
-  },
-  "release": {
-    "branches": [
-      "main"
-    ],
-    "plugins": [
-      "@semantic-release/commit-analyzer",
-      "@semantic-release/release-notes-generator",
-      "@semantic-release/npm",
-      [
-        "@semantic-release/github",
-        {
-          "failComment": false,
-          "failTitle": false,
-          "labels": []
-        }
-      ],
-      [
-        "@semantic-release/git",
-        {
-          "assets": [
-            "package.json"
-          ],
-          "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
-        }
-      ]
-    ]
+    "semantic-release": "semantic-release",
+    "lint": "npx eslint . ",
+    "format": "npx prettier --write ."
   },
   "author": "NSW Design System",
   "type": "module",
@@ -44,8 +19,18 @@
     "access": "public"
   },
   "devDependencies": {
+    "@eslint/js": "^9.23.0",
+    "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/npm": "^12.0.1",
-    "semantic-release": "^24.2.3"
+    "eslint": "^9.23.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.4",
+    "globals": "^16.0.0",
+    "prettier": "3.5.3",
+    "semantic-release": "^24.2.3",
+    "typescript-eslint": "^8.28.0"
+  },
+  "dependencies": {
+    "@eslint/eslintrc": "^3.3.1"
   }
-}
+}

package/release.config.mjs

@@ -0,0 +1,24 @@
+const releaseConfig = {
+  branches: ['main'],
+  plugins: [
+    '@semantic-release/commit-analyzer',
+    '@semantic-release/release-notes-generator',
+    [
+      '@semantic-release/changelog',
+      {
+        changelogFile: 'CHANGELOG.md',
+      },
+    ],
+    '@semantic-release/npm',
+    [
+      '@semantic-release/git',
+      {
+        assets: ['CHANGELOG.md', 'package.json'],
+        message: 'chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}',
+      },
+    ],
+    '@semantic-release/github',
+  ],
+}
+
+export default releaseConfig

package/tokens/{globals/color/masterbrand/hex/color.json → global/color/hex.json}

@@ -779,4 +779,4 @@
       "$value": "#190d02"
     }
   }
-}
+}