@nswds/tokens 2.7.0 → 2.9.0

package/src/figma/color/themes/masterbrand/color/rgb.json

@@ -0,0 +1,464 @@
+{
+  "primary": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [240, 251, 255],
+        "alpha": 1
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [228, 246, 255],
+        "alpha": 1
+      }
+    },
+    "150": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [215, 242, 254],
+        "alpha": 1
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [203, 237, 253],
+        "alpha": 1
+      }
+    },
+    "250": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [188, 234, 254],
+        "alpha": 1
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [173, 231, 255],
+        "alpha": 1
+      }
+    },
+    "350": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [157, 227, 255],
+        "alpha": 1
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [140, 224, 255],
+        "alpha": 1
+      }
+    },
+    "450": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [90, 201, 255],
+        "alpha": 1
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [38, 174, 255],
+        "alpha": 1
+      }
+    },
+    "550": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [0, 143, 255],
+        "alpha": 1
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [20, 108, 253],
+        "alpha": 1
+      }
+    },
+    "650": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [12, 90, 212],
+        "alpha": 1
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [5, 72, 173],
+        "alpha": 1
+      }
+    },
+    "750": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [2, 54, 136],
+        "alpha": 1
+      }
+    },
+    "800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [0, 38, 100],
+        "alpha": 1
+      }
+    },
+    "850": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [0, 26, 77],
+        "alpha": 1
+      }
+    },
+    "900": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [0, 16, 55],
+        "alpha": 1
+      }
+    },
+    "950": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [0, 6, 34],
+        "alpha": 1
+      }
+    }
+  },
+  "accent": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [255, 248, 249],
+        "alpha": 1
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [255, 242, 244],
+        "alpha": 1
+      }
+    },
+    "150": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [255, 236, 239],
+        "alpha": 1
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [255, 230, 234],
+        "alpha": 1
+      }
+    },
+    "250": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [255, 219, 224],
+        "alpha": 1
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [255, 207, 214],
+        "alpha": 1
+      }
+    },
+    "350": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [255, 196, 204],
+        "alpha": 1
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [255, 184, 193],
+        "alpha": 1
+      }
+    },
+    "450": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [248, 151, 162],
+        "alpha": 1
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [239, 117, 129],
+        "alpha": 1
+      }
+    },
+    "550": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [228, 79, 95],
+        "alpha": 1
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [215, 21, 58],
+        "alpha": 1
+      }
+    },
+    "650": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [185, 14, 50],
+        "alpha": 1
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [155, 7, 42],
+        "alpha": 1
+      }
+    },
+    "750": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [126, 3, 34],
+        "alpha": 1
+      }
+    },
+    "800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [99, 0, 25],
+        "alpha": 1
+      }
+    },
+    "850": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [76, 0, 16],
+        "alpha": 1
+      }
+    },
+    "900": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [54, 0, 8],
+        "alpha": 1
+      }
+    },
+    "950": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [33, 0, 3],
+        "alpha": 1
+      }
+    }
+  },
+  "grey": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [250, 250, 250],
+        "alpha": 1
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [245, 245, 245],
+        "alpha": 1
+      }
+    },
+    "150": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [240, 240, 240],
+        "alpha": 1
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [235, 235, 235],
+        "alpha": 1
+      }
+    },
+    "250": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [227, 229, 230],
+        "alpha": 1
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [220, 223, 224],
+        "alpha": 1
+      }
+    },
+    "350": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [212, 217, 219],
+        "alpha": 1
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [205, 211, 214],
+        "alpha": 1
+      }
+    },
+    "450": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [170, 176, 180],
+        "alpha": 1
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [136, 143, 146],
+        "alpha": 1
+      }
+    },
+    "550": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [104, 111, 114],
+        "alpha": 1
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [73, 80, 84],
+        "alpha": 1
+      }
+    },
+    "650": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [63, 69, 73],
+        "alpha": 1
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [53, 59, 63],
+        "alpha": 1
+      }
+    },
+    "750": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [43, 49, 53],
+        "alpha": 1
+      }
+    },
+    "800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [34, 39, 43],
+        "alpha": 1
+      }
+    },
+    "850": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [24, 28, 31],
+        "alpha": 1
+      }
+    },
+    "900": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [14, 17, 19],
+        "alpha": 1
+      }
+    },
+    "950": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "rgb",
+        "channels": [5, 7, 9],
+        "alpha": 1
+      }
+    }
+  }
+}

package/src/index.ts

@@ -5,10 +5,10 @@ const globalColorHsl = require('../tokens/global/color/hsl.json')
 const globalColorOklch = require('../tokens/global/color/oklch.json')
 const globalColorRgb = require('../tokens/global/color/rgb.json')
 
-const masterbrandColorHex = require('../tokens/themes/masterbrand/color/hex.json')
-const masterbrandColorHsl = require('../tokens/themes/masterbrand/color/hsl.json')
-const masterbrandColorOklch = require('../tokens/themes/masterbrand/color/oklch.json')
-const masterbrandColorRgb = require('../tokens/themes/masterbrand/color/rgb.json')
+const masterbrandColorHex = require('../tokens/themes/color/masterbrand/hex.json')
+const masterbrandColorHsl = require('../tokens/themes/color/masterbrand/hsl.json')
+const masterbrandColorOklch = require('../tokens/themes/color/masterbrand/oklch.json')
+const masterbrandColorRgb = require('../tokens/themes/color/masterbrand/rgb.json')
 
 // CSS Imports
 import * as globalCssHex from './css/colors/global/hex.css'

package/src/js/colors/semantic/hex.js

@@ -0,0 +1,87 @@
+export const success = {
+  50: '#eff9ed',
+  100: '#e0f3de',
+  150: '#d2eccf',
+  200: '#c4e5c0',
+  250: '#aad6a5',
+  300: '#8fc78a',
+  350: '#74b76f',
+  400: '#58a854',
+  450: '#49a146',
+  500: '#399936',
+  550: '#259224',
+  600: '#008a07',
+  650: '#007204',
+  700: '#005a02',
+  750: '#004401',
+  800: '#002f00',
+  850: '#002200',
+  900: '#001600',
+  950: '#000b00',
+}
+
+export const warning = {
+  50: '#fff3ed',
+  100: '#ffe8de',
+  150: '#ffddcf',
+  200: '#fdd2c0',
+  250: '#f6bda5',
+  300: '#eea88a',
+  350: '#e6936f',
+  400: '#dd7d53',
+  450: '#d87244',
+  500: '#d36734',
+  550: '#ce5c21',
+  600: '#c95000',
+  650: '#a83f03',
+  700: '#882f03',
+  750: '#692001',
+  800: '#4b1200',
+  850: '#390a00',
+  900: '#270400',
+  950: '#170100',
+}
+
+export const danger = {
+  50: '#fff0ef',
+  100: '#ffe2e1',
+  150: '#ffd4d4',
+  200: '#fdc6c6',
+  250: '#f4acad',
+  300: '#ea9294',
+  350: '#df787c',
+  400: '#d35d65',
+  450: '#cd4e59',
+  500: '#c63f4e',
+  550: '#bf2c42',
+  600: '#b81237',
+  650: '#990b2a',
+  700: '#7c061f',
+  750: '#5f0214',
+  800: '#44000a',
+  850: '#330005',
+  900: '#230002',
+  950: '#140001',
+}
+
+export const info = {
+  50: '#e9eef7',
+  100: '#d4ddeb',
+  150: '#c0cce0',
+  200: '#acbbd5',
+  250: '#96a9cc',
+  300: '#8098c2',
+  350: '#6b86b8',
+  400: '#5775ae',
+  450: '#4d6ca9',
+  500: '#4264a4',
+  550: '#385b9e',
+  600: '#2e5299',
+  650: '#23427f',
+  700: '#193366',
+  750: '#10254f',
+  800: '#071738',
+  850: '#040f2a',
+  900: '#02071c',
+  950: '#00030f',
+}

package/src/js/colors/semantic/hsl.js

@@ -0,0 +1,87 @@
+export const success = {
+  50: 'hsl(113.15, 52.52%, 95.43%)',
+  100: 'hsl(113.26, 45.54%, 91.13%)',
+  150: 'hsl(113.38, 42.97%, 86.84%)',
+  200: 'hsl(113.51, 41.57%, 82.55%)',
+  250: 'hsl(114.16, 37.16%, 74.26%)',
+  300: 'hsl(114.93, 34.81%, 66.02%)',
+  350: 'hsl(115.88, 33.38%, 57.78%)',
+  400: 'hsl(117.14, 33.33%, 49.41%)',
+  450: 'hsl(117.67, 39.56%, 45.11%)',
+  500: 'hsl(118.38, 47.88%, 40.58%)',
+  550: 'hsl(119.53, 60.48%, 35.56%)',
+  600: 'hsl(123.04, 100%, 27.06%)',
+  650: 'hsl(121.8, 99.36%, 22.38%)',
+  700: 'hsl(120.9, 99.22%, 17.81%)',
+  750: 'hsl(120.32, 99.47%, 13.4%)',
+  800: 'hsl(120, 100%, 9.22%)',
+  850: 'hsl(120.32, 100%, 6.51%)',
+  900: 'hsl(120.63, 100%, 4.07%)',
+  950: 'hsl(121.08, 100%, 1.88%)',
+}
+
+export const warning = {
+  50: 'hsl(17.53, 100%, 96.97%)',
+  100: 'hsl(17.59, 100%, 93.77%)',
+  150: 'hsl(17.65, 99.09%, 90.53%)',
+  200: 'hsl(17.7, 93.85%, 87.25%)',
+  250: 'hsl(17.77, 81.71%, 80.57%)',
+  300: 'hsl(17.84, 74.94%, 73.78%)',
+  350: 'hsl(17.98, 70.36%, 66.84%)',
+  400: 'hsl(18.26, 66.99%, 59.61%)',
+  450: 'hsl(18.61, 65.61%, 55.79%)',
+  500: 'hsl(19.18, 64.53%, 51.69%)',
+  550: 'hsl(20.31, 72.21%, 46.96%)',
+  600: 'hsl(23.88, 100%, 39.41%)',
+  650: 'hsl(21.95, 96.66%, 33.46%)',
+  700: 'hsl(20.07, 95.99%, 27.13%)',
+  750: 'hsl(17.86, 97.32%, 20.78%)',
+  800: 'hsl(14.4, 100%, 14.71%)',
+  850: 'hsl(11.43, 100%, 10.95%)',
+  900: 'hsl(7.67, 100%, 7.5%)',
+  950: 'hsl(4.64, 100%, 4.34%)',
+}
+
+export const danger = {
+  50: 'hsl(0.78, 100%, 97.61%)',
+  100: 'hsl(0.56, 100%, 94.61%)',
+  150: 'hsl(0.3, 100%, 91.55%)',
+  200: 'hsl(0, 93.22%, 88.43%)',
+  250: 'hsl(359.39, 76.34%, 81.59%)',
+  300: 'hsl(358.59, 67.4%, 74.56%)',
+  350: 'hsl(357.51, 61.52%, 67.27%)',
+  400: 'hsl(355.93, 57.28%, 59.61%)',
+  450: 'hsl(354.77, 55.6%, 55.49%)',
+  500: 'hsl(353.23, 54.28%, 51.09%)',
+  550: 'hsl(350.97, 62.34%, 46.16%)',
+  600: 'hsl(346.63, 82.18%, 39.61%)',
+  650: 'hsl(346.89, 86.15%, 32.28%)',
+  700: 'hsl(347.25, 91.31%, 25.33%)',
+  750: 'hsl(348.45, 96%, 19.02%)',
+  800: 'hsl(351.18, 100%, 13.33%)',
+  850: 'hsl(352.99, 100%, 9.85%)',
+  900: 'hsl(354.47, 100%, 6.66%)',
+  950: 'hsl(355.5, 100%, 3.76%)',
+}
+
+export const info = {
+  50: 'hsl(217.99, 45.88%, 94%)',
+  100: 'hsl(218, 37.47%, 87.77%)',
+  150: 'hsl(218.02, 34.49%, 81.6%)',
+  200: 'hsl(218.05, 32.8%, 75.49%)',
+  250: 'hsl(218.29, 34.23%, 69.31%)',
+  300: 'hsl(218.57, 34.87%, 63.2%)',
+  350: 'hsl(218.9, 35.05%, 57.15%)',
+  400: 'hsl(219.31, 34.94%, 51.18%)',
+  450: 'hsl(219.41, 37.55%, 48.13%)',
+  500: 'hsl(219.52, 42.28%, 45.1%)',
+  550: 'hsl(219.66, 47.62%, 42.06%)',
+  600: 'hsl(219.81, 53.77%, 39.02%)',
+  650: 'hsl(219.87, 56.39%, 31.92%)',
+  700: 'hsl(219.93, 60.27%, 25.07%)',
+  750: 'hsl(220.02, 66.59%, 18.51%)',
+  800: 'hsl(220.41, 77.78%, 12.35%)',
+  850: 'hsl(222.21, 84%, 8.9%)',
+  900: 'hsl(226.63, 89.54%, 5.83%)',
+  950: 'hsl(230.65, 94.13%, 3.12%)',
+}