@nswds/tokens 2.32.3 → 2.33.0

package/dist/ts/colors/themes/fuchsia-orange/rgb.ts

@@ -0,0 +1,63 @@
+export const primary = {
+  '50': 'rgb(255, 246, 253)',
+  '100': 'rgb(255, 238, 249)',
+  '150': 'rgb(254, 230, 246)',
+  '200': 'rgb(253, 222, 242)',
+  '250': 'rgb(251, 212, 239)',
+  '300': 'rgb(249, 201, 235)',
+  '350': 'rgb(247, 191, 233)',
+  '400': 'rgb(244, 181, 230)',
+  '450': 'rgb(239, 150, 218)',
+  '500': 'rgb(233, 117, 204)',
+  '550': 'rgb(225, 80, 190)',
+  '600': 'rgb(217, 18, 174)',
+  '650': 'rgb(187, 12, 148)',
+  '700': 'rgb(157, 6, 123)',
+  '750': 'rgb(129, 2, 100)',
+  '800': 'rgb(101, 0, 77)',
+  '850': 'rgb(77, 0, 58)',
+  '900': 'rgb(55, 0, 40)',
+  '950': 'rgb(34, 0, 23)',
+}
+export const accent = {
+  '50': 'rgb(255, 250, 246)',
+  '100': 'rgb(255, 246, 238)',
+  '150': 'rgb(254, 241, 231)',
+  '200': 'rgb(253, 237, 223)',
+  '250': 'rgb(254, 229, 206)',
+  '300': 'rgb(255, 221, 189)',
+  '350': 'rgb(255, 214, 171)',
+  '400': 'rgb(255, 206, 153)',
+  '450': 'rgb(253, 182, 120)',
+  '500': 'rgb(251, 157, 88)',
+  '550': 'rgb(247, 129, 57)',
+  '600': 'rgb(243, 99, 27)',
+  '650': 'rgb(219, 81, 21)',
+  '700': 'rgb(195, 63, 14)',
+  '750': 'rgb(171, 46, 6)',
+  '800': 'rgb(148, 27, 0)',
+  '850': 'rgb(115, 15, 0)',
+  '900': 'rgb(83, 4, 0)',
+  '950': 'rgb(53, 0, 0)',
+}
+export const grey = {
+  '50': 'rgb(250, 250, 250)',
+  '100': 'rgb(245, 245, 245)',
+  '150': 'rgb(240, 240, 240)',
+  '200': 'rgb(235, 235, 235)',
+  '250': 'rgb(227, 229, 230)',
+  '300': 'rgb(220, 223, 224)',
+  '350': 'rgb(212, 217, 219)',
+  '400': 'rgb(205, 211, 214)',
+  '450': 'rgb(170, 176, 180)',
+  '500': 'rgb(136, 143, 146)',
+  '550': 'rgb(104, 111, 114)',
+  '600': 'rgb(73, 80, 84)',
+  '650': 'rgb(63, 69, 73)',
+  '700': 'rgb(53, 59, 63)',
+  '750': 'rgb(43, 49, 53)',
+  '800': 'rgb(34, 39, 43)',
+  '850': 'rgb(24, 28, 31)',
+  '900': 'rgb(14, 17, 19)',
+  '950': 'rgb(5, 7, 9)',
+}

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

@@ -1,63 +1,63 @@
 export const primary = {
-  '50': 'hsl(199.45, 100%, 97.34%)',
-  '100': 'hsl(199.38, 100%, 94.73%)',
-  '150': 'hsl(199.3, 95.85%, 92.09%)',
-  '200': 'hsl(199.2, 92.59%, 89.41%)',
-  '250': 'hsl(198.5, 96.87%, 86.75%)',
-  '300': 'hsl(197.76, 98.99%, 83.89%)',
-  '350': 'hsl(197, 99.87%, 80.82%)',
-  '400': 'hsl(196.17, 100%, 77.45%)',
-  '450': 'hsl(199.74, 99.83%, 67.57%)',
-  '500': 'hsl(202.52, 100%, 57.55%)',
-  '550': 'hsl(204.76, 100%, 46.97%)',
-  '600': 'hsl(217.34, 98.31%, 53.53%)',
-  '650': 'hsl(216.77, 89.43%, 43.98%)',
-  '700': 'hsl(216.29, 94.14%, 35%)',
-  '750': 'hsl(216.37, 97.67%, 26.93%)',
-  '800': 'hsl(217.2, 100%, 19.61%)',
-  '850': 'hsl(218.95, 100%, 14.93%)',
-  '900': 'hsl(222.31, 100%, 10.59%)',
-  '950': 'hsl(228.65, 100%, 6.6%)',
+  '50': 'hsl(196, 100%, 97.058824%)',
+  '100': 'hsl(200, 100%, 94.705882%)',
+  '150': 'hsl(198.461538, 95.121951%, 91.960784%)',
+  '200': 'hsl(199.2, 92.592593%, 89.411765%)',
+  '250': 'hsl(198.181818, 97.058824%, 86.666667%)',
+  '300': 'hsl(197.560976, 100%, 83.921569%)',
+  '350': 'hsl(197.142857, 100%, 80.784314%)',
+  '400': 'hsl(196.173913, 100%, 77.45098%)',
+  '450': 'hsl(199.636364, 100%, 67.647059%)',
+  '500': 'hsl(202.396313, 100%, 57.45098%)',
+  '550': 'hsl(206.352941, 100%, 50%)',
+  '600': 'hsl(217.339056, 98.312236%, 53.529412%)',
+  '650': 'hsl(216.6, 89.285714%, 43.921569%)',
+  '700': 'hsl(216.071429, 94.382022%, 34.901961%)',
+  '750': 'hsl(216.716418, 97.101449%, 27.058824%)',
+  '800': 'hsl(217.2, 100%, 19.607843%)',
+  '850': 'hsl(219.74026, 100%, 15.098039%)',
+  '900': 'hsl(222.545455, 100%, 10.784314%)',
+  '950': 'hsl(229.411765, 100%, 6.666667%)',
 }
 export const accent = {
-  '50': 'hsl(350.85, 100%, 98.97%)',
-  '100': 'hsl(350.7, 100%, 97.7%)',
-  '150': 'hsl(350.55, 100%, 96.41%)',
-  '200': 'hsl(350.4, 100%, 95.1%)',
-  '250': 'hsl(350.92, 100%, 92.94%)',
-  '300': 'hsl(351.43, 100%, 90.72%)',
-  '350': 'hsl(351.92, 100%, 88.44%)',
-  '400': 'hsl(352.39, 100%, 86.08%)',
-  '450': 'hsl(353.39, 86.96%, 78.18%)',
-  '500': 'hsl(353.95, 78.84%, 69.69%)',
-  '550': 'hsl(353.52, 73.17%, 60.13%)',
-  '600': 'hsl(348.56, 82.2%, 46.27%)',
-  '650': 'hsl(347.26, 85.91%, 38.92%)',
-  '700': 'hsl(345.89, 91%, 31.81%)',
-  '750': 'hsl(345, 95.87%, 25.31%)',
-  '800': 'hsl(344.85, 100%, 19.41%)',
-  '850': 'hsl(346.11, 100%, 14.46%)',
-  '900': 'hsl(349.15, 100%, 10.03%)',
-  '950': 'hsl(352.16, 100%, 6.06%)',
+  '50': 'hsl(351.428571, 100%, 98.627451%)',
+  '100': 'hsl(350.769231, 100%, 97.45098%)',
+  '150': 'hsl(350.526316, 100%, 96.27451%)',
+  '200': 'hsl(350.4, 100%, 95.098039%)',
+  '250': 'hsl(351.666667, 100%, 92.941176%)',
+  '300': 'hsl(351.25, 100%, 90.588235%)',
+  '350': 'hsl(351.864407, 100%, 88.431373%)',
+  '400': 'hsl(352.394366, 100%, 86.078431%)',
+  '450': 'hsl(353.195876, 87.387387%, 78.235294%)',
+  '500': 'hsl(354.098361, 79.220779%, 69.803922%)',
+  '550': 'hsl(353.557047, 73.399015%, 60.196078%)',
+  '600': 'hsl(348.556701, 82.20339%, 46.27451%)',
+  '650': 'hsl(347.368421, 85.929648%, 39.019608%)',
+  '700': 'hsl(345.810811, 91.358025%, 31.764706%)',
+  '750': 'hsl(344.878049, 95.348837%, 25.294118%)',
+  '800': 'hsl(344.848485, 100%, 19.411765%)',
+  '850': 'hsl(347.368421, 100%, 14.901961%)',
+  '900': 'hsl(351.111111, 100%, 10.588235%)',
+  '950': 'hsl(354.545455, 100%, 6.470588%)',
 }
 export const grey = {
-  '50': 'hsl(223.81, 0%, 98.03%)',
-  '100': 'hsl(223.81, 0%, 96.06%)',
-  '150': 'hsl(223.81, 0%, 94.11%)',
-  '200': 'hsl(223.81, 0%, 92.16%)',
-  '250': 'hsl(200.05, 4.31%, 89.64%)',
-  '300': 'hsl(200.03, 6.92%, 87.13%)',
-  '350': 'hsl(200.02, 8.65%, 84.64%)',
-  '400': 'hsl(200, 9.89%, 82.16%)',
-  '450': 'hsl(200.47, 6.03%, 68.52%)',
-  '500': 'hsl(200.94, 4.51%, 55.36%)',
-  '550': 'hsl(201.39, 4.91%, 42.76%)',
-  '600': 'hsl(201.82, 7.01%, 30.78%)',
-  '650': 'hsl(203.03, 7.74%, 26.71%)',
-  '700': 'hsl(204.24, 8.68%, 22.73%)',
-  '750': 'hsl(205.45, 9.93%, 18.85%)',
-  '800': 'hsl(206.67, 11.69%, 15.1%)',
-  '850': 'hsl(206.66, 13.37%, 10.7%)',
-  '900': 'hsl(206.64, 17.01%, 6.52%)',
-  '950': 'hsl(208.68, 23.47%, 2.8%)',
+  '50': 'hsl(0, 0%, 98.039216%)',
+  '100': 'hsl(0, 0%, 96.078431%)',
+  '150': 'hsl(0, 0%, 94.117647%)',
+  '200': 'hsl(0, 0%, 92.156863%)',
+  '250': 'hsl(200, 5.660377%, 89.607843%)',
+  '300': 'hsl(195, 6.060606%, 87.058824%)',
+  '350': 'hsl(197.142857, 8.860759%, 84.509804%)',
+  '400': 'hsl(200, 9.89011%, 82.156863%)',
+  '450': 'hsl(204, 6.25%, 68.627451%)',
+  '500': 'hsl(198, 4.385965%, 55.294118%)',
+  '550': 'hsl(198, 4.587156%, 42.745098%)',
+  '600': 'hsl(201.818182, 7.006369%, 30.784314%)',
+  '650': 'hsl(204, 7.352941%, 26.666667%)',
+  '700': 'hsl(204, 8.62069%, 22.745098%)',
+  '750': 'hsl(204, 10.416667%, 18.823529%)',
+  '800': 'hsl(206.666667, 11.688312%, 15.098039%)',
+  '850': 'hsl(205.714286, 12.727273%, 10.784314%)',
+  '900': 'hsl(204, 15.151515%, 6.470588%)',
+  '950': 'hsl(210, 28.571429%, 2.745098%)',
 }

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

@@ -1,63 +1,63 @@
 export const primary = {
-  '50': 'oklch(0.9816683948128555 0.013540580086234762 227.890755564881)',
-  '100': 'oklch(0.9633367896257109 0.022914827838243446 227.890755564881)',
-  '150': 'oklch(0.9450051844385663 0.032289075590252125 227.890755564881)',
-  '200': 'oklch(0.9266735792514218 0.04166332334226081 227.890755564881)',
-  '250': 'oklch(0.9110280326138016 0.05428316129852959 226.81685418252806)',
-  '300': 'oklch(0.8953824859761815 0.06690299925479838 225.74295280017512)',
-  '350': 'oklch(0.8797369393385615 0.07952283721106716 224.66905141782217)',
-  '400': 'oklch(0.8640913927009413 0.09214267516733594 223.59515003546923)',
-  '450': 'oklch(0.7918467078448571 0.12656541375136143 232.8854457721009)',
-  '500': 'oklch(0.719602022988773 0.1609881523353869 242.17574150873253)',
-  '550': 'oklch(0.6473573381326887 0.19541089091941238 251.4660372453642)',
-  '600': 'oklch(0.5751126532766045 0.2298336295034379 260.75633298199585)',
-  '650': 'oklch(0.5038341615701663 0.20169915825513662 260.52773388396713)',
-  '700': 'oklch(0.43255566986372795 0.17356468700683536 260.29913478593846)',
-  '750': 'oklch(0.3612771781572896 0.1454302157585341 260.07053568790974)',
-  '800': 'oklch(0.2899986864508513 0.11729574451023282 259.841936589881)',
-  '850': 'oklch(0.23924891632195233 0.0997013828336979 259.841936589881)',
-  '900': 'oklch(0.18849914619305336 0.08210702115716298 259.841936589881)',
-  '950': 'oklch(0.13774937606415438 0.06451265948062805 259.841936589881)',
+  '50': 'oklch(0.981046 0.012805 221.42319)',
+  '100': 'oklch(0.962528 0.022535 229.073806)',
+  '150': 'oklch(0.945178 0.032646 226.304274)',
+  '200': 'oklch(0.926674 0.041663 227.890787)',
+  '250': 'oklch(0.911263 0.054737 226.223779)',
+  '300': 'oklch(0.896395 0.067447 225.364647)',
+  '350': 'oklch(0.87908 0.079726 224.961348)',
+  '400': 'oklch(0.864091 0.092143 223.595164)',
+  '450': 'oklch(0.793049 0.126377 232.671182)',
+  '500': 'oklch(0.719588 0.160232 241.934243)',
+  '550': 'oklch(0.647121 0.194114 252.085254)',
+  '600': 'oklch(0.575113 0.229834 260.756335)',
+  '650': 'oklch(0.504429 0.200565 260.409998)',
+  '700': 'oklch(0.433012 0.172764 260.164397)',
+  '750': 'oklch(0.360675 0.146274 260.290439)',
+  '800': 'oklch(0.289999 0.117296 259.841938)',
+  '850': 'oklch(0.238584 0.100105 260.505764)',
+  '900': 'oklch(0.190403 0.080719 260.682766)',
+  '950': 'oklch(0.138623 0.062732 261.699127)',
 }
 export const accent = {
-  '50': 'oklch(0.9865629857873716 0.009043874600495525 6.653158456152784)',
-  '100': 'oklch(0.9731259715747431 0.015305018554684736 6.653158456152784)',
-  '150': 'oklch(0.9596889573621147 0.021566162508873946 6.653158456152784)',
-  '200': 'oklch(0.9462519431494862 0.027827306463063157 6.653158456152784)',
-  '250': 'oklch(0.9224097820035976 0.041627996281084 7.632544925274676)',
-  '300': 'oklch(0.8985676208577089 0.05542868609910484 8.611931394396567)',
-  '350': 'oklch(0.8747254597118204 0.06922937591712569 9.59131786351846)',
-  '400': 'oklch(0.8508832985659317 0.08303006573514653 10.570704332640352)',
-  '450': 'oklch(0.7786513285230947 0.11664880226231811 13.011419492803782)',
-  '500': 'oklch(0.7064193584802577 0.15026753878948967 15.45213465296721)',
-  '550': 'oklch(0.6341873884374207 0.18388627531666124 17.892849813130642)',
-  '600': 'oklch(0.5619554183945837 0.2175050118438328 20.33356497329407)',
-  '650': 'oklch(0.5007084126233001 0.1948505033631296 19.53345435711309)',
-  '700': 'oklch(0.4394614068520166 0.17219599488242637 18.733343740932114)',
-  '750': 'oklch(0.3782144010807331 0.14954148640172313 17.933233124751133)',
-  '800': 'oklch(0.31696739530944956 0.1268869779210199 17.133122508570153)',
-  '850': 'oklch(0.2614981011302959 0.10785393123286692 17.133122508570153)',
-  '900': 'oklch(0.20602880695114223 0.08882088454471393 17.133122508570153)',
-  '950': 'oklch(0.15055951277198854 0.06978783785656095 17.133122508570153)',
+  '50': 'oklch(0.984801 0.007587 7.280361)',
+  '100': 'oklch(0.97188 0.014232 6.700043)',
+  '150': 'oklch(0.959029 0.020979 6.606185)',
+  '200': 'oklch(0.946252 0.027827 6.653086)',
+  '250': 'oklch(0.922815 0.040479 8.438397)',
+  '300': 'oklch(0.897868 0.054828 8.39461)',
+  '350': 'oklch(0.875166 0.068164 9.494436)',
+  '400': 'oklch(0.850883 0.08303 10.570683)',
+  '450': 'oklch(0.779076 0.116944 12.810782)',
+  '500': 'oklch(0.707215 0.150378 15.602977)',
+  '550': 'oklch(0.634722 0.184087 17.935378)',
+  '600': 'oklch(0.561955 0.217505 20.33356)',
+  '650': 'oklch(0.501611 0.19526 19.649998)',
+  '700': 'oklch(0.439441 0.172351 18.724983)',
+  '750': 'oklch(0.377602 0.149006 17.706488)',
+  '800': 'oklch(0.316967 0.126887 17.133117)',
+  '850': 'oklch(0.26401 0.105766 17.967115)',
+  '900': 'oklch(0.210832 0.084535 18.772606)',
+  '950': 'oklch(0.156795 0.062933 19.607624)',
 }
 export const grey = {
-  '50': 'oklch(0.9850175274112574 0 0)',
-  '100': 'oklch(0.9700350548225147 0 0)',
-  '150': 'oklch(0.9550525822337722 0 0)',
-  '200': 'oklch(0.9400701096450296 0 0)',
-  '250': 'oklch(0.9208267112856119 0.0019440594503795112 228.8687380011113)',
-  '300': 'oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113)',
-  '350': 'oklch(0.8823399145667763 0.005832178351138532 228.8687380011113)',
-  '400': 'oklch(0.8630965162073586 0.007776237801518043 228.8687380011113)',
-  '450': 'oklch(0.7539290831519737 0.008632737257709678 229.8058410593526)',
-  '500': 'oklch(0.6447616500965888 0.009489236713901311 230.74294411759388)',
-  '550': 'oklch(0.5355942170412039 0.010345736170092946 231.68004717583517)',
-  '600': 'oklch(0.426426783985819 0.011202235626284581 232.61715023407646)',
-  '650': 'oklch(0.3871732148397997 0.010991669591883444 234.98382249287215)',
-  '700': 'oklch(0.3479196456937804 0.010781103557482309 237.35049475166784)',
-  '750': 'oklch(0.3086660765477611 0.010570537523081174 239.71716701046353)',
-  '800': 'oklch(0.26941250740174183 0.010359971488680036 242.08383926925922)',
-  '850': 'oklch(0.222265318606437 0.00880597576537803 242.08383926925922)',
-  '900': 'oklch(0.17511812981113217 0.007251980042076026 242.08383926925922)',
-  '950': 'oklch(0.12797094101582737 0.005697984318774021 242.08383926925922)',
+  '50': 'oklch(0.985104 0 0)',
+  '100': 'oklch(0.970151 0 0)',
+  '150': 'oklch(0.95514 0 0)',
+  '200': 'oklch(0.94007 0 0)',
+  '250': 'oklch(0.920652 0.002558 228.786818)',
+  '300': 'oklch(0.901624 0.003538 219.535738)',
+  '350': 'oklch(0.882025 0.006111 223.464254)',
+  '400': 'oklch(0.863097 0.007776 228.868893)',
+  '450': 'oklch(0.753634 0.008885 236.605307)',
+  '500': 'oklch(0.645222 0.009348 225.150438)',
+  '550': 'oklch(0.536704 0.009767 225.197358)',
+  '600': 'oklch(0.426427 0.011202 232.617199)',
+  '650': 'oklch(0.386365 0.01045 236.835687)',
+  '700': 'oklch(0.348204 0.010712 236.894097)',
+  '750': 'oklch(0.308978 0.011017 236.97265)',
+  '800': 'oklch(0.269413 0.01036 242.083865)',
+  '850': 'oklch(0.223572 0.008405 240.274391)',
+  '900': 'oklch(0.175228 0.006346 236.981786)',
+  '950': 'oklch(0.126543 0.006953 243.792325)',
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nswds/tokens",
-  "version": "2.32.3",
+  "version": "2.33.0",
   "description": "NSW Application Design System Design Tokens",
   "homepage": "https://github.com/digitalnsw/nswds-tokens#readme",
   "repository": {
@@ -17,11 +17,13 @@
     "format": "npx prettier --write .",
     "postversion": "node scripts/sync-package-lock-version.mjs",
     "copy-styles": "node scripts/copy-styles.mjs",
-    "build": "tsup src/index.ts --format esm,cjs --dts --target esnext --treeshake --clean",
+    "generate-styles": "node scripts/generate-styles.mjs",
+    "build": "node scripts/build-token-views.mjs && node scripts/generate-styles.mjs && node scripts/build-index.mjs && tsup src/index.ts --format esm,cjs --dts --target esnext --treeshake --clean",
     "check:dist": "node scripts/check-dist.mjs",
     "smoke:package-surface": "node scripts/smoke-package-surface.mjs",
     "check:version-sync": "node scripts/check-release-metadata.mjs",
     "validate:tokens": "node scripts/validate-tokens.mjs",
+    "build:canonical": "node scripts/build-canonical.mjs",
     "test:tokens": "vitest run --globals",
     "sync-tokens-to-figma": "tsx scripts/sync_tokens_to_figma.ts",
     "sync-figma-to-tokens": "tsx scripts/sync_figma_to_tokens.ts"
@@ -103,6 +105,7 @@
     "sass": "^1.86.1",
     "sass-loader": "^16.0.5",
     "semantic-release": "^25.0.3",
+    "style-dictionary": "^4.4.0",
     "style-loader": "^4.0.0",
     "ts-node": "^10.9.2",
     "tsup": "^8.0.2",