@razorpay/blade 10.23.5 → 11.1.0

package/build/lib/web/development/tokens/global/border.js.map

@@ -1 +1 @@
-{"version":3,"file":"border.js","sources":["../../../../../../src/tokens/global/border.ts"],"sourcesContent":["type BorderRadius = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** small: 2(px/rem/pt) */\n  small: 2;\n  /** medium: 4(px/rem/pt) */\n  medium: 4;\n  /** large: 8(px/rem/pt) */\n  large: 8;\n  /** max: 9999(px/rem/pt). This will round the left and right side of the box element */\n  max: 9999;\n  /** round: 50%(pt). This will turn the box element into a circle */\n  round: '50%';\n}>;\n\ntype BorderWidth = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** thinner: 0.5(px/rem/pt) */\n  thinner: 0.5;\n  /** thin: 1(px/rem/pt) */\n  thin: 1;\n  /** thick: 1.5(px/rem/pt) */\n  thick: 1.5;\n  /** thicker: 2(px/rem/pt) */\n  thicker: 2;\n}>;\n\nexport type Border = Readonly<{\n  radius: BorderRadius;\n  width: BorderWidth;\n}>;\n\nexport const border: Border = {\n  radius: {\n    none: 0,\n    small: 2,\n    medium: 4,\n    large: 8,\n    max: 9999,\n    round: '50%', // this needs to be in % but need to figure out how will we store unitless things\n  },\n  width: {\n    none: 0,\n    thinner: 0.5,\n    thin: 1,\n    thick: 1.5,\n    thicker: 2,\n  },\n};\n"],"names":["border","radius","none","small","medium","large","max","round","width","thinner","thin","thick","thicker"],"mappings":"AAiCO,IAAMA,MAAc,GAAG;AAC5BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,GAAG,EAAE,IAAI;IACTC,KAAK,EAAE,KAAK;GACb;;AACDC,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,CAAC;AACPO,IAAAA,OAAO,EAAE,GAAG;AACZC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF;;;;"}
+{"version":3,"file":"border.js","sources":["../../../../../../src/tokens/global/border.ts"],"sourcesContent":["type BorderRadius = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** xsmall: 1(px/rem/pt) */\n  xsmall: 1;\n  /** small: 2(px/rem/pt) */\n  small: 2;\n  /** medium: 4(px/rem/pt) */\n  medium: 4;\n  /** large: 8(px/rem/pt) */\n  large: 8;\n  /** xlarge: 12(px/rem/pt) */\n  xlarge: 12;\n  /** 2xlarge: 16(px/rem/pt) */\n  '2xlarge': 16;\n  /** max: 9999(px/rem/pt). This will round the left and right side of the box element */\n  max: 9999;\n  /** round: 50%(pt). This will turn the box element into a circle */\n  round: '50%';\n}>;\n\ntype BorderWidth = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** thinner: 0.5(px/rem/pt) */\n  thinner: 0.5;\n  /** thin: 1(px/rem/pt) */\n  thin: 1;\n  /** thick: 1.5(px/rem/pt) */\n  thick: 1.5;\n  /** thicker: 2(px/rem/pt) */\n  thicker: 2;\n}>;\n\nexport type Border = Readonly<{\n  radius: BorderRadius;\n  width: BorderWidth;\n}>;\n\nexport const border: Border = {\n  radius: {\n    none: 0,\n    xsmall: 1,\n    small: 2,\n    medium: 4,\n    large: 8,\n    xlarge: 12,\n    '2xlarge': 16,\n    max: 9999,\n    round: '50%', // this needs to be in % but need to figure out how will we store unitless things\n  },\n  width: {\n    none: 0,\n    thinner: 0.5,\n    thin: 1,\n    thick: 1.5,\n    thicker: 2,\n  },\n};\n"],"names":["border","radius","none","xsmall","small","medium","large","xlarge","max","round","width","thinner","thin","thick","thicker"],"mappings":"AAuCO,IAAMA,MAAc,GAAG;AAC5BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,MAAM,EAAE,EAAE;AACV,IAAA,SAAS,EAAE,EAAE;AACbC,IAAAA,GAAG,EAAE,IAAI;IACTC,KAAK,EAAE,KAAK;GACb;;AACDC,EAAAA,KAAK,EAAE;AACLR,IAAAA,IAAI,EAAE,CAAC;AACPS,IAAAA,OAAO,EAAE,GAAG;AACZC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF;;;;"}

package/build/lib/web/development/tokens/global/colors.js

@@ -3,275 +3,252 @@ import { opacity } from './opacity.js';
 var colors = {
   chromatic: {
     azure: {
-      50: "hsla(222, 100%, 96%, ".concat(opacity[9], ")"),
-      100: "hsla(218, 93%, 88%, ".concat(opacity[9], ")"),
-      200: "hsla(216, 92%, 81%, ".concat(opacity[9], ")"),
-      300: "hsla(215, 91%, 74%, ".concat(opacity[9], ")"),
-      400: "hsla(213, 91%, 66%, ".concat(opacity[9], ")"),
-      500: "hsla(213, 89%, 56%, ".concat(opacity[9], ")"),
-      600: "hsla(218, 89%, 51%, ".concat(opacity[9], ")"),
-      700: "hsla(223, 95%, 48%, ".concat(opacity[9], ")"),
-      800: "hsla(227, 100%, 45%, ".concat(opacity[9], ")"),
-      900: "hsla(230, 100%, 42%, ".concat(opacity[9], ")"),
-      950: "hsla(234, 100%, 34%, ".concat(opacity[9], ")"),
-      a00: "hsla(218, 89%, 51%, ".concat(opacity[0], ")"),
-      a50: "hsla(218, 89%, 51%, ".concat(opacity[1], ")"),
-      a100: "hsla(218, 89%, 51%, ".concat(opacity[2], ")"),
-      a200: "hsla(218, 89%, 51%, ".concat(opacity[3], ")")
+      '50': "hsla(222, 100%, 98%, ".concat(opacity[12], ")"),
+      '100': "hsla(221, 90%, 92%, ".concat(opacity[12], ")"),
+      '200': "hsla(219, 95%, 85%, ".concat(opacity[12], ")"),
+      '300': "hsla(220, 100%, 73%, ".concat(opacity[12], ")"),
+      '400': "hsla(223, 100%, 65%, ".concat(opacity[12], ")"),
+      '500': "hsla(227, 100%, 59%, ".concat(opacity[12], ")"),
+      '600': "hsla(227, 71%, 51%, ".concat(opacity[12], ")"),
+      '700': "hsla(227, 69%, 42%, ".concat(opacity[12], ")"),
+      '800': "hsla(227, 69%, 34%, ".concat(opacity[12], ")"),
+      '900': "hsla(227, 69%, 25%, ".concat(opacity[12], ")"),
+      '1000': "hsla(227, 69%, 17%, ".concat(opacity[12], ")"),
+      a50: "hsla(227, 100%, 59%, ".concat(opacity[1], ")"),
+      a100: "hsla(227, 100%, 59%, ".concat(opacity[3], ")"),
+      a150: "hsla(227, 100%, 59%, ".concat(opacity[4], ")"),
+      a200: "hsla(227, 100%, 59%, ".concat(opacity[5], ")")
     },
     emerald: {
-      50: "hsla(107, 100%, 96%, ".concat(opacity[9], ")"),
-      100: "hsla(113, 69%, 83%, ".concat(opacity[9], ")"),
-      200: "hsla(121, 65%, 71%, ".concat(opacity[9], ")"),
-      300: "hsla(130, 62%, 60%, ".concat(opacity[9], ")"),
-      400: "hsla(137, 60%, 50%, ".concat(opacity[9], ")"),
-      500: "hsla(149, 99%, 35%, ".concat(opacity[9], ")"),
-      600: "hsla(155, 100%, 31%, ".concat(opacity[9], ")"),
-      700: "hsla(160, 100%, 26%, ".concat(opacity[9], ")"),
-      800: "hsla(163, 100%, 22%, ".concat(opacity[9], ")"),
-      900: "hsla(164, 100%, 17%, ".concat(opacity[9], ")"),
-      950: "hsla(165, 100%, 13%, ".concat(opacity[9], ")"),
-      a00: "hsla(155, 100%, 31%, ".concat(opacity[0], ")"),
-      a50: "hsla(155, 100%, 31%, ".concat(opacity[1], ")"),
-      a100: "hsla(155, 100%, 31%, ".concat(opacity[2], ")"),
-      a200: "hsla(155, 100%, 31%, ".concat(opacity[3], ")")
+      '50': "hsla(152, 60%, 95%, ".concat(opacity[12], ")"),
+      '100': "hsla(151, 57%, 91%, ".concat(opacity[12], ")"),
+      '200': "hsla(150, 59%, 82%, ".concat(opacity[12], ")"),
+      '300': "hsla(150, 59%, 73%, ".concat(opacity[12], ")"),
+      '400': "hsla(150, 59%, 55%, ".concat(opacity[12], ")"),
+      '500': "hsla(150, 100%, 37%, ".concat(opacity[12], ")"),
+      '600': "hsla(150, 100%, 32%, ".concat(opacity[12], ")"),
+      '700': "hsla(150, 100%, 27%, ".concat(opacity[12], ")"),
+      '800': "hsla(150, 100%, 21%, ".concat(opacity[12], ")"),
+      '900': "hsla(150, 100%, 16%, ".concat(opacity[12], ")"),
+      '1000': "hsla(150, 100%, 11%, ".concat(opacity[12], ")"),
+      a50: "hsla(150, 100%, 32%, ".concat(opacity[1], ")"),
+      a100: "hsla(150, 100%, 32%, ".concat(opacity[3], ")"),
+      a150: "hsla(150, 100%, 32%, ".concat(opacity[4], ")"),
+      a200: "hsla(150, 100%, 32%, ".concat(opacity[5], ")")
     },
     crimson: {
-      50: "hsla(0, 100%, 97%, ".concat(opacity[9], ")"),
-      100: "hsla(0, 100%, 92%, ".concat(opacity[9], ")"),
-      200: "hsla(3, 100%, 86%, ".concat(opacity[9], ")"),
-      300: "hsla(5, 100%, 80%, ".concat(opacity[9], ")"),
-      400: "hsla(6, 100%, 75%, ".concat(opacity[9], ")"),
-      500: "hsla(8, 99%, 65%, ".concat(opacity[9], ")"),
-      600: "hsla(9, 91%, 56%, ".concat(opacity[9], ")"),
-      700: "hsla(8, 73%, 47%, ".concat(opacity[9], ")"),
-      800: "hsla(7, 72%, 40%, ".concat(opacity[9], ")"),
-      900: "hsla(5, 69%, 32%, ".concat(opacity[9], ")"),
-      950: "hsla(3, 66%, 24%, ".concat(opacity[9], ")"),
-      a00: "hsla(9, 91%, 56%, ".concat(opacity[0], ")"),
-      a50: "hsla(9, 91%, 56%, ".concat(opacity[1], ")"),
-      a100: "hsla(9, 91%, 56%, ".concat(opacity[2], ")"),
-      a200: "hsla(9, 91%, 56%, ".concat(opacity[3], ")")
+      '50': "hsla(0, 100%, 98%, ".concat(opacity[12], ")"),
+      '100': "hsla(4, 93%, 94%, ".concat(opacity[12], ")"),
+      '200': "hsla(3, 97%, 88%, ".concat(opacity[12], ")"),
+      '300': "hsla(4, 96%, 79%, ".concat(opacity[12], ")"),
+      '400': "hsla(4, 93%, 68%, ".concat(opacity[12], ")"),
+      '500': "hsla(4, 86%, 58%, ".concat(opacity[12], ")"),
+      '600': "hsla(4, 74%, 49%, ".concat(opacity[12], ")"),
+      '700': "hsla(4, 77%, 40%, ".concat(opacity[12], ")"),
+      '800': "hsla(0, 83%, 33%, ".concat(opacity[12], ")"),
+      '900': "hsla(0, 84%, 29%, ".concat(opacity[12], ")"),
+      '1000': "hsla(0, 84%, 25%, ".concat(opacity[12], ")"),
+      a50: "hsla(4, 74%, 49%, ".concat(opacity[1], ")"),
+      a100: "hsla(4, 74%, 49%, ".concat(opacity[3], ")"),
+      a150: "hsla(4, 74%, 49%, ".concat(opacity[4], ")"),
+      a200: "hsla(4, 74%, 49%, ".concat(opacity[5], ")")
     },
     cider: {
-      50: "hsla(32, 100%, 94%, ".concat(opacity[9], ")"),
-      100: "hsla(32, 97%, 86%, ".concat(opacity[9], ")"),
-      200: "hsla(33, 94%, 79%, ".concat(opacity[9], ")"),
-      300: "hsla(33, 94%, 72%, ".concat(opacity[9], ")"),
-      400: "hsla(34, 93%, 65%, ".concat(opacity[9], ")"),
-      500: "hsla(35, 84%, 54%, ".concat(opacity[9], ")"),
-      600: "hsla(36, 100%, 44%, ".concat(opacity[9], ")"),
-      700: "hsla(38, 97%, 38%, ".concat(opacity[9], ")"),
-      800: "hsla(40, 90%, 32%, ".concat(opacity[9], ")"),
-      900: "hsla(41, 82%, 26%, ".concat(opacity[9], ")"),
-      950: "hsla(42, 74%, 20%, ".concat(opacity[9], ")"),
-      a00: "hsla(36, 100%, 44%, ".concat(opacity[0], ")"),
-      a50: "hsla(36, 100%, 44%, ".concat(opacity[1], ")"),
-      a100: "hsla(36, 100%, 44%, ".concat(opacity[2], ")"),
-      a200: "hsla(36, 100%, 44%, ".concat(opacity[3], ")")
+      '50': "hsla(24, 100%, 96%, ".concat(opacity[12], ")"),
+      '100': "hsla(25, 100%, 90%, ".concat(opacity[12], ")"),
+      '200': "hsla(25, 100%, 80%, ".concat(opacity[12], ")"),
+      '300': "hsla(25, 100%, 72%, ".concat(opacity[12], ")"),
+      '400': "hsla(25, 100%, 63%, ".concat(opacity[12], ")"),
+      '500': "hsla(25, 100%, 55%, ".concat(opacity[12], ")"),
+      '600': "hsla(25, 90%, 48%, ".concat(opacity[12], ")"),
+      '700': "hsla(25, 85%, 42%, ".concat(opacity[12], ")"),
+      '800': "hsla(25, 82%, 35%, ".concat(opacity[12], ")"),
+      '900': "hsla(25, 80%, 28%, ".concat(opacity[12], ")"),
+      '1000': "hsla(25, 82%, 20%, ".concat(opacity[12], ")"),
+      a50: "hsla(25, 90%, 48%, ".concat(opacity[1], ")"),
+      a100: "hsla(25, 90%, 48%, ".concat(opacity[3], ")"),
+      a150: "hsla(25, 90%, 48%, ".concat(opacity[4], ")"),
+      a200: "hsla(25, 90%, 48%, ".concat(opacity[5], ")")
     },
-    orchid: {
-      50: "hsla(258, 100%, 96%, ".concat(opacity[9], ")"),
-      100: "hsla(263, 100%, 92%, ".concat(opacity[9], ")"),
-      200: "hsla(264, 100%, 87%, ".concat(opacity[9], ")"),
-      300: "hsla(267, 100%, 83%, ".concat(opacity[9], ")"),
-      400: "hsla(268, 100%, 79%, ".concat(opacity[9], ")"),
-      500: "hsla(269, 100%, 69%, ".concat(opacity[9], ")"),
-      600: "hsla(271, 96%, 61%, ".concat(opacity[9], ")"),
-      700: "hsla(276, 79%, 47%, ".concat(opacity[9], ")"),
-      800: "hsla(280, 95%, 36%, ".concat(opacity[9], ")"),
-      900: "hsla(283, 96%, 29%, ".concat(opacity[9], ")"),
-      950: "hsla(286, 96%, 22%, ".concat(opacity[9], ")"),
-      a00: "hsla(271, 96%, 61%, ".concat(opacity[0], ")"),
-      a50: "hsla(271, 96%, 61%, ".concat(opacity[1], ")"),
-      a100: "hsla(271, 96%, 61%, ".concat(opacity[2], ")"),
-      a200: "hsla(271, 96%, 61%, ".concat(opacity[3], ")")
+    sapphire: {
+      '50': "hsla(201, 92%, 95%, ".concat(opacity[12], ")"),
+      '100': "hsla(200, 88%, 90%, ".concat(opacity[12], ")"),
+      '200': "hsla(200, 89%, 82%, ".concat(opacity[12], ")"),
+      '300': "hsla(200, 90%, 72%, ".concat(opacity[12], ")"),
+      '400': "hsla(200, 90%, 65%, ".concat(opacity[12], ")"),
+      '500': "hsla(198, 90%, 52%, ".concat(opacity[12], ")"),
+      '600': "hsla(200, 84%, 44%, ".concat(opacity[12], ")"),
+      '700': "hsla(200, 84%, 37%, ".concat(opacity[12], ")"),
+      '800': "hsla(200, 84%, 29%, ".concat(opacity[12], ")"),
+      '900': "hsla(200, 84%, 22%, ".concat(opacity[12], ")"),
+      '1000': "hsla(199, 84%, 15%, ".concat(opacity[12], ")"),
+      a50: "hsla(200, 84%, 44%, ".concat(opacity[1], ")"),
+      a100: "hsla(200, 84%, 44%, ".concat(opacity[3], ")"),
+      a150: "hsla(200, 84%, 44%, ".concat(opacity[4], ")"),
+      a200: "hsla(200, 84%, 44%, ".concat(opacity[5], ")")
     },
-    magenta: {
-      50: "hsla(309, 100%, 96%, ".concat(opacity[9], ")"),
-      100: "hsla(307, 100%, 91%, ".concat(opacity[9], ")"),
-      200: "hsla(303, 100%, 85%, ".concat(opacity[9], ")"),
-      300: "hsla(301, 100%, 80%, ".concat(opacity[9], ")"),
-      400: "hsla(300, 100%, 75%, ".concat(opacity[9], ")"),
-      500: "hsla(303, 100%, 65%, ".concat(opacity[9], ")"),
-      600: "hsla(308, 75%, 51%, ".concat(opacity[9], ")"),
-      700: "hsla(313, 88%, 40%, ".concat(opacity[9], ")"),
-      800: "hsla(317, 100%, 32%, ".concat(opacity[9], ")"),
-      900: "hsla(321, 100%, 26%, ".concat(opacity[9], ")"),
-      950: "hsla(324, 100%, 20%, ".concat(opacity[9], ")"),
-      a00: "hsla(308, 75%, 51%, ".concat(opacity[0], ")"),
-      a50: "hsla(308, 75%, 51%, ".concat(opacity[1], ")"),
-      a100: "hsla(308, 75%, 51%, ".concat(opacity[2], ")"),
-      a200: "hsla(308, 75%, 51%, ".concat(opacity[3], ")")
+    sea: {
+      '50': "hsla(180, 39%, 95%, ".concat(opacity[12], ")"),
+      '100': "hsla(180, 42%, 92%, ".concat(opacity[12], ")"),
+      '200': "hsla(180, 33%, 82%, ".concat(opacity[12], ")"),
+      '300': "hsla(180, 35%, 70%, ".concat(opacity[12], ")"),
+      '400': "hsla(180, 30%, 52%, ".concat(opacity[12], ")"),
+      '500': "hsla(180, 45%, 40%, ".concat(opacity[12], ")"),
+      '600': "hsla(180, 60%, 30%, ".concat(opacity[12], ")"),
+      '700': "hsla(180, 55%, 25%, ".concat(opacity[12], ")"),
+      '800': "hsla(180, 61%, 20%, ".concat(opacity[12], ")"),
+      '900': "hsla(180, 91%, 13%, ".concat(opacity[12], ")"),
+      '1000': "hsla(180, 91%, 8%, ".concat(opacity[12], ")"),
+      a50: "hsla(180, 60%, 30%, ".concat(opacity[1], ")"),
+      a100: "hsla(180, 60%, 30%, ".concat(opacity[3], ")"),
+      a150: "hsla(180, 60%, 30%, ".concat(opacity[4], ")"),
+      a200: "hsla(180, 60%, 30%, ".concat(opacity[5], ")")
     },
-    sapphire: {
-      50: "hsla(180, 100%, 97%, ".concat(opacity[9], ")"),
-      100: "hsla(181, 75%, 85%, ".concat(opacity[9], ")"),
-      200: "hsla(184, 72%, 73%, ".concat(opacity[9], ")"),
-      300: "hsla(185, 70%, 62%, ".concat(opacity[9], ")"),
-      400: "hsla(187, 68%, 52%, ".concat(opacity[9], ")"),
-      500: "hsla(190, 100%, 39%, ".concat(opacity[9], ")"),
-      600: "hsla(193, 100%, 35%, ".concat(opacity[9], ")"),
-      700: "hsla(195, 100%, 31%, ".concat(opacity[9], ")"),
-      800: "hsla(196, 100%, 27%, ".concat(opacity[9], ")"),
-      900: "hsla(197, 100%, 23%, ".concat(opacity[9], ")"),
-      950: "hsla(198, 100%, 20%, ".concat(opacity[9], ")"),
-      a00: "hsla(193, 100%, 35%, ".concat(opacity[0], ")"),
-      a50: "hsla(193, 100%, 35%, ".concat(opacity[1], ")"),
-      a100: "hsla(193, 100%, 35%, ".concat(opacity[2], ")"),
-      a200: "hsla(193, 100%, 35%, ".concat(opacity[3], ")")
+    cloud: {
+      '50': "hsla(198, 39%, 95%, ".concat(opacity[12], ")"),
+      '100': "hsla(201, 39%, 93%, ".concat(opacity[12], ")"),
+      '200': "hsla(200, 35%, 85%, ".concat(opacity[12], ")"),
+      '300': "hsla(200, 35%, 70%, ".concat(opacity[12], ")"),
+      '400': "hsla(200, 30%, 52%, ".concat(opacity[12], ")"),
+      '500': "hsla(200, 45%, 40%, ".concat(opacity[12], ")"),
+      '600': "hsla(200, 60%, 30%, ".concat(opacity[12], ")"),
+      '700': "hsla(201, 55%, 25%, ".concat(opacity[12], ")"),
+      '800': "hsla(200, 61%, 20%, ".concat(opacity[12], ")"),
+      '900': "hsla(200, 91%, 13%, ".concat(opacity[12], ")"),
+      '1000': "hsla(200, 91%, 8%, ".concat(opacity[12], ")"),
+      a50: "hsla(200, 60%, 30%, ".concat(opacity[1], ")"),
+      a100: "hsla(200, 60%, 30%, ".concat(opacity[3], ")"),
+      a150: "hsla(200, 60%, 30%, ".concat(opacity[4], ")"),
+      a200: "hsla(200, 60%, 30%, ".concat(opacity[5], ")")
+    },
+    forest: {
+      '50': "hsla(152, 60%, 95%, ".concat(opacity[12], ")"),
+      '100': "hsla(151, 57%, 91%, ".concat(opacity[12], ")"),
+      '200': "hsla(150, 59%, 82%, ".concat(opacity[12], ")"),
+      '300': "hsla(150, 59%, 73%, ".concat(opacity[12], ")"),
+      '400': "hsla(150, 59%, 55%, ".concat(opacity[12], ")"),
+      '500': "hsla(155, 100%, 37%, ".concat(opacity[12], ")"),
+      '600': "hsla(155, 100%, 31%, ".concat(opacity[12], ")"),
+      '700': "hsla(155, 100%, 27%, ".concat(opacity[12], ")"),
+      '800': "hsla(155, 100%, 21%, ".concat(opacity[12], ")"),
+      '900': "hsla(155, 100%, 16%, ".concat(opacity[12], ")"),
+      '1000': "hsla(155, 100%, 11%, ".concat(opacity[12], ")"),
+      a50: "hsla(155, 100%, 31%, ".concat(opacity[1], ")"),
+      a100: "hsla(155, 100%, 31%, ".concat(opacity[3], ")"),
+      a150: "hsla(155, 100%, 31%, ".concat(opacity[4], ")"),
+      a200: "hsla(155, 100%, 31%, ".concat(opacity[5], ")")
     }
   },
   neutral: {
     blueGrayLight: {
-      0: "hsla(0, 0%, 100%, ".concat(opacity[9], ")"),
-      50: "hsla(220, 27%, 98%, ".concat(opacity[9], ")"),
-      100: "hsla(220, 30%, 96%, ".concat(opacity[9], ")"),
-      200: "hsla(214, 21%, 94%, ".concat(opacity[9], ")"),
-      300: "hsla(216, 19%, 89%, ".concat(opacity[9], ")"),
-      400: "hsla(218, 19%, 81%, ".concat(opacity[9], ")"),
-      500: "hsla(214, 18%, 69%, ".concat(opacity[9], ")"),
-      600: "hsla(216, 16%, 60%, ".concat(opacity[9], ")"),
-      700: "hsla(216, 15%, 54%, ".concat(opacity[9], ")"),
-      800: "hsla(217, 18%, 45%, ".concat(opacity[9], ")"),
-      900: "hsla(216, 27%, 36%, ".concat(opacity[9], ")"),
-      1000: "hsla(216, 33%, 29%, ".concat(opacity[9], ")"),
-      1100: "hsla(216, 44%, 23%, ".concat(opacity[9], ")"),
-      1200: "hsla(217, 56%, 17%, ".concat(opacity[9], ")"),
-      1300: "hsla(215, 70%, 13%, ".concat(opacity[9], ")"),
-      a00: "hsla(216, 44%, 23%, ".concat(opacity[0], ")"),
-      a50: "hsla(216, 15%, 54%, ".concat(opacity[1], ")"),
-      a100: "hsla(216, 15%, 54%, ".concat(opacity[2], ")"),
-      a200: "hsla(216, 15%, 54%, ".concat(opacity[3], ")"),
-      a300: "hsla(214, 21%, 94%, ".concat(opacity[1], ")"),
-      a400: "hsla(214, 21%, 94%, ".concat(opacity[2], ")"),
-      a500: "hsla(214, 21%, 94%, ".concat(opacity[3], ")"),
-      a1100: "hsla(214, 18%, 69%, ".concat(opacity[6], ")")
+      '0': "hsla(0, 0%, 100%, ".concat(opacity[12], ")"),
+      '50': "hsla(210, 40%, 98%, ".concat(opacity[12], ")"),
+      '100': "hsla(213, 47%, 96%, ".concat(opacity[12], ")"),
+      '200': "hsla(214, 40%, 92%, ".concat(opacity[12], ")"),
+      '300': "hsla(214, 28%, 84%, ".concat(opacity[12], ")"),
+      '400': "hsla(211, 27%, 76%, ".concat(opacity[12], ")"),
+      '500': "hsla(211, 24%, 65%, ".concat(opacity[12], ")"),
+      '600': "hsla(211, 22%, 56%, ".concat(opacity[12], ")"),
+      '700': "hsla(211, 20%, 52%, ".concat(opacity[12], ")"),
+      '800': "hsla(211, 23%, 45%, ".concat(opacity[12], ")"),
+      '900': "hsla(211, 26%, 34%, ".concat(opacity[12], ")"),
+      '1000': "hsla(211, 29%, 26%, ".concat(opacity[12], ")"),
+      '1100': "hsla(211, 33%, 21%, ".concat(opacity[12], ")"),
+      '1200': "hsla(212, 39%, 16%, ".concat(opacity[12], ")"),
+      '1300': "hsla(211, 53%, 10%, ".concat(opacity[12], ")"),
+      a50: "hsla(211, 20%, 52%, ".concat(opacity[1], ")"),
+      a75: "hsla(211, 20%, 52%, ".concat(opacity[2], ")"),
+      a100: "hsla(211, 20%, 52%, ".concat(opacity[3], ")"),
+      a200: "hsla(211, 20%, 52%, ".concat(opacity[5], ")"),
+      a400: "hsla(211, 20%, 52%, ".concat(opacity[8], ")")
     },
     blueGrayDark: {
-      0: "hsla(0, 0%, 99%, ".concat(opacity[9], ")"),
-      50: "hsla(215, 12%, 92%, ".concat(opacity[9], ")"),
-      100: "hsla(218, 11%, 84%, ".concat(opacity[9], ")"),
-      200: "hsla(218, 11%, 76%, ".concat(opacity[9], ")"),
-      300: "hsla(219, 10%, 60%, ".concat(opacity[9], ")"),
-      400: "hsla(219, 12%, 45%, ".concat(opacity[9], ")"),
-      500: "hsla(220, 16%, 37%, ".concat(opacity[9], ")"),
-      600: "hsla(220, 23%, 29%, ".concat(opacity[9], ")"),
-      700: "hsla(220, 35%, 22%, ".concat(opacity[9], ")"),
-      800: "hsla(219, 41%, 19%, ".concat(opacity[9], ")"),
-      900: "hsla(218, 49%, 17%, ".concat(opacity[9], ")"),
-      1000: "hsla(218, 52%, 16%, ".concat(opacity[9], ")"),
-      1100: "hsla(218, 54%, 15%, ".concat(opacity[9], ")"),
-      1200: "hsla(218, 59%, 13%, ".concat(opacity[9], ")"),
-      1300: "hsla(218, 67%, 10%, ".concat(opacity[9], ")"),
-      a00: "hsla(220, 11%, 84%, ".concat(opacity[0], ")"),
-      a50: "hsla(220, 11%, 84%, ".concat(opacity[1], ")"),
-      a100: "hsla(220, 11%, 84%, ".concat(opacity[2], ")"),
-      a200: "hsla(220, 11%, 84%, ".concat(opacity[3], ")"),
-      a300: "hsla(217, 11%, 76%, ".concat(opacity[1], ")"),
-      a400: "hsla(217, 11%, 76%, ".concat(opacity[2], ")"),
-      a500: "hsla(217, 11%, 76%, ".concat(opacity[3], ")"),
-      a1100: "hsla(221, 16%, 37%, ".concat(opacity[6], ")")
-    },
-    navyGrayLight: {
-      0: "hsla(0, 0%, 100%, ".concat(opacity[9], ")"),
-      50: "hsla(230, 27%, 98%, ".concat(opacity[9], ")"),
-      100: "hsla(230, 30%, 96%, ".concat(opacity[9], ")"),
-      200: "hsla(224, 21%, 94%, ".concat(opacity[9], ")"),
-      300: "hsla(226, 19%, 89%, ".concat(opacity[9], ")"),
-      400: "hsla(228, 19%, 81%, ".concat(opacity[9], ")"),
-      500: "hsla(225, 18%, 69%, ".concat(opacity[9], ")"),
-      600: "hsla(226, 16%, 60%, ".concat(opacity[9], ")"),
-      700: "hsla(226, 15%, 54%, ".concat(opacity[9], ")"),
-      800: "hsla(227, 18%, 45%, ".concat(opacity[9], ")"),
-      900: "hsla(226, 27%, 36%, ".concat(opacity[9], ")"),
-      1000: "hsla(226, 33%, 29%, ".concat(opacity[9], ")"),
-      1100: "hsla(226, 44%, 23%, ".concat(opacity[9], ")"),
-      1200: "hsla(228, 56%, 17%, ".concat(opacity[9], ")"),
-      1300: "hsla(226, 70%, 13%, ".concat(opacity[9], ")"),
-      a00: "hsla(226, 44%, 23%, ".concat(opacity[0], ")"),
-      a50: "hsla(226, 15%, 54%, ".concat(opacity[1], ")"),
-      a100: "hsla(226, 15%, 54%, ".concat(opacity[2], ")"),
-      a200: "hsla(226, 15%, 54%, ".concat(opacity[3], ")"),
-      a300: "hsla(223, 21%, 94%, ".concat(opacity[1], ")"),
-      a400: "hsla(223, 21%, 94%, ".concat(opacity[2], ")"),
-      a500: "hsla(223, 21%, 94%, ".concat(opacity[3], ")"),
-      a1100: "hsla(225, 18%, 69%, ".concat(opacity[6], ")")
-    },
-    navyGrayDark: {
-      0: "hsla(0, 0%, 99%, ".concat(opacity[9], ")"),
-      50: "hsla(228, 12%, 92%, ".concat(opacity[9], ")"),
-      100: "hsla(233, 11%, 84%, ".concat(opacity[9], ")"),
-      200: "hsla(231, 11%, 76%, ".concat(opacity[9], ")"),
-      300: "hsla(229, 10%, 60%, ".concat(opacity[9], ")"),
-      400: "hsla(229, 12%, 45%, ".concat(opacity[9], ")"),
-      500: "hsla(230, 16%, 37%, ".concat(opacity[9], ")"),
-      600: "hsla(230, 23%, 29%, ".concat(opacity[9], ")"),
-      700: "hsla(231, 35%, 22%, ".concat(opacity[9], ")"),
-      800: "hsla(231, 41%, 19%, ".concat(opacity[9], ")"),
-      900: "hsla(230, 49%, 17%, ".concat(opacity[9], ")"),
-      1000: "hsla(230, 52%, 16%, ".concat(opacity[9], ")"),
-      1100: "hsla(231, 54%, 15%, ".concat(opacity[9], ")"),
-      1200: "hsla(231, 59%, 13%, ".concat(opacity[9], ")"),
-      1300: "hsla(231, 67%, 10%, ".concat(opacity[9], ")"),
-      a00: "hsla(233, 11%, 84%, ".concat(opacity[0], ")"),
-      a50: "hsla(233, 11%, 84%, ".concat(opacity[1], ")"),
-      a100: "hsla(233, 11%, 84%, ".concat(opacity[2], ")"),
-      a200: "hsla(233, 11%, 84%, ".concat(opacity[3], ")"),
-      a300: "hsla(231, 11%, 76%, ".concat(opacity[1], ")"),
-      a400: "hsla(231, 11%, 76%, ".concat(opacity[2], ")"),
-      a500: "hsla(231, 11%, 76%, ".concat(opacity[3], ")"),
-      a1100: "hsla(230, 16%, 37%, ".concat(opacity[6], ")")
+      '0': "hsla(240, 20%, 99%, ".concat(opacity[12], ")"),
+      '50': "hsla(210, 40%, 98%, ".concat(opacity[12], ")"),
+      '100': "hsla(213, 47%, 96%, ".concat(opacity[12], ")"),
+      '200': "hsla(214, 40%, 92%, ".concat(opacity[12], ")"),
+      '300': "hsla(214, 28%, 84%, ".concat(opacity[12], ")"),
+      '400': "hsla(211, 27%, 76%, ".concat(opacity[12], ")"),
+      '500': "hsla(211, 24%, 65%, ".concat(opacity[12], ")"),
+      '600': "hsla(211, 22%, 56%, ".concat(opacity[12], ")"),
+      '700': "hsla(211, 20%, 52%, ".concat(opacity[12], ")"),
+      '800': "hsla(211, 23%, 45%, ".concat(opacity[12], ")"),
+      '900': "hsla(211, 26%, 34%, ".concat(opacity[12], ")"),
+      '1000': "hsla(211, 29%, 26%, ".concat(opacity[12], ")"),
+      '1100': "hsla(211, 33%, 21%, ".concat(opacity[12], ")"),
+      '1200': "hsla(212, 39%, 16%, ".concat(opacity[12], ")"),
+      '1300': "hsla(211, 53%, 10%, ".concat(opacity[12], ")"),
+      a50: "hsla(214, 40%, 92%, ".concat(opacity[1], ")"),
+      a75: "hsla(214, 40%, 92%, ".concat(opacity[2], ")"),
+      a100: "hsla(214, 40%, 92%, ".concat(opacity[3], ")"),
+      a200: "hsla(214, 40%, 92%, ".concat(opacity[5], ")"),
+      a400: "hsla(214, 40%, 92%, ".concat(opacity[8], ")")
     },
     ashGrayLight: {
-      0: "hsla(0, 0%, 100%, ".concat(opacity[9], ")"),
-      50: "hsla(216, 9%, 98%, ".concat(opacity[9], ")"),
-      100: "hsla(216, 9%, 96%, ".concat(opacity[9], ")"),
-      200: "hsla(216, 6%, 94%, ".concat(opacity[9], ")"),
-      300: "hsla(216, 4%, 89%, ".concat(opacity[9], ")"),
-      400: "hsla(214, 7%, 81%, ".concat(opacity[9], ")"),
-      500: "hsla(216, 6%, 69%, ".concat(opacity[9], ")"),
-      600: "hsla(215, 6%, 60%, ".concat(opacity[9], ")"),
-      700: "hsla(214, 6%, 55%, ".concat(opacity[9], ")"),
-      800: "hsla(216, 7%, 45%, ".concat(opacity[9], ")"),
-      900: "hsla(218, 9%, 36%, ".concat(opacity[9], ")"),
-      1000: "hsla(219, 12%, 28%, ".concat(opacity[9], ")"),
-      1100: "hsla(214, 15%, 18%, ".concat(opacity[9], ")"),
-      1200: "hsla(216, 15%, 13%, ".concat(opacity[9], ")"),
-      1300: "hsla(214, 24%, 6%, ".concat(opacity[9], ")"),
-      a00: "hsla(214, 15%, 18%, ".concat(opacity[0], ")"),
-      a50: "hsla(214, 15%, 18%, ".concat(opacity[1], ")"),
-      a100: "hsla(214, 15%, 18%, ".concat(opacity[2], ")"),
-      a200: "hsla(214, 15%, 18%, ".concat(opacity[3], ")"),
-      a300: "hsla(210, 6%, 94%, ".concat(opacity[1], ")"),
-      a400: "hsla(210, 6%, 94%, ".concat(opacity[2], ")"),
-      a500: "hsla(210, 6%, 94%, ".concat(opacity[3], ")"),
-      a1100: "hsla(214, 15%, 18%, ".concat(opacity[6], ")")
+      '0': "hsla(0, 0%, 100%, ".concat(opacity[12], ")"),
+      '50': "hsla(240, 9%, 98%, ".concat(opacity[12], ")"),
+      '100': "hsla(210, 9%, 96%, ".concat(opacity[12], ")"),
+      '200': "hsla(210, 6%, 94%, ".concat(opacity[12], ")"),
+      '300': "hsla(210, 4%, 89%, ".concat(opacity[12], ")"),
+      '400': "hsla(214, 7%, 81%, ".concat(opacity[12], ")"),
+      '500': "hsla(216, 6%, 69%, ".concat(opacity[12], ")"),
+      '600': "hsla(215, 6%, 60%, ".concat(opacity[12], ")"),
+      '700': "hsla(214, 6%, 55%, ".concat(opacity[12], ")"),
+      '800': "hsla(216, 7%, 45%, ".concat(opacity[12], ")"),
+      '900': "hsla(218, 9%, 36%, ".concat(opacity[12], ")"),
+      '1000': "hsla(219, 12%, 28%, ".concat(opacity[12], ")"),
+      '1100': "hsla(214, 15%, 18%, ".concat(opacity[12], ")"),
+      '1200': "hsla(216, 15%, 13%, ".concat(opacity[12], ")"),
+      '1300': "hsla(214, 24%, 6%, ".concat(opacity[12], ")"),
+      a50: "hsla(214, 6%, 55%, ".concat(opacity[1], ")"),
+      a75: "hsla(214, 6%, 55%, ".concat(opacity[1], ")"),
+      a100: "hsla(214, 6%, 55%, ".concat(opacity[3], ")"),
+      a200: "hsla(214, 6%, 55%, ".concat(opacity[5], ")"),
+      a400: "hsla(214, 6%, 55%, ".concat(opacity[5], ")")
     },
     ashGrayDark: {
-      0: "hsla(0, 0%, 99%, ".concat(opacity[9], ")"),
-      50: "hsla(240, 2%, 92%, ".concat(opacity[9], ")"),
-      100: "hsla(240, 1%, 84%, ".concat(opacity[9], ")"),
-      200: "hsla(228, 4%, 76%, ".concat(opacity[9], ")"),
-      300: "hsla(227, 4%, 60%, ".concat(opacity[9], ")"),
-      400: "hsla(229, 4%, 50%, ".concat(opacity[9], ")"),
-      500: "hsla(232, 4%, 40%, ".concat(opacity[9], ")"),
-      600: "hsla(232, 5%, 32%, ".concat(opacity[9], ")"),
-      700: "hsla(230, 5%, 22%, ".concat(opacity[9], ")"),
-      800: "hsla(230, 6%, 19%, ".concat(opacity[9], ")"),
-      900: "hsla(230, 7%, 17%, ".concat(opacity[9], ")"),
-      1000: "hsla(230, 8%, 15%, ".concat(opacity[9], ")"),
-      1100: "hsla(231, 11%, 12%, ".concat(opacity[9], ")"),
-      1200: "hsla(231, 17%, 8%, ".concat(opacity[9], ")"),
-      1300: "hsla(228, 5%, 4%, ".concat(opacity[9], ")"),
-      a00: "hsla(240, 1%, 84%, ".concat(opacity[0], ")"),
-      a50: "hsla(240, 1%, 84%, ".concat(opacity[1], ")"),
-      a100: "hsla(240, 1%, 84%, ".concat(opacity[2], ")"),
-      a200: "hsla(240, 1%, 84%, ".concat(opacity[3], ")"),
-      a300: "hsla(228, 4%, 76%, ".concat(opacity[1], ")"),
-      a400: "hsla(228, 4%, 76%, ".concat(opacity[2], ")"),
-      a500: "hsla(228, 4%, 76%, ".concat(opacity[3], ")"),
-      a1100: "hsla(231, 11%, 12%, ".concat(opacity[7], ")")
+      '0': "hsla(0, 0%, 99%, ".concat(opacity[12], ")"),
+      '50': "hsla(240, 2%, 92%, ".concat(opacity[12], ")"),
+      '100': "hsla(240, 1%, 84%, ".concat(opacity[12], ")"),
+      '200': "hsla(228, 4%, 76%, ".concat(opacity[12], ")"),
+      '300': "hsla(227, 4%, 60%, ".concat(opacity[12], ")"),
+      '400': "hsla(229, 4%, 50%, ".concat(opacity[12], ")"),
+      '500': "hsla(233, 4%, 40%, ".concat(opacity[12], ")"),
+      '600': "hsla(233, 5%, 32%, ".concat(opacity[12], ")"),
+      '700': "hsla(230, 6%, 22%, ".concat(opacity[12], ")"),
+      '800': "hsla(230, 6%, 19%, ".concat(opacity[12], ")"),
+      '900': "hsla(230, 7%, 17%, ".concat(opacity[12], ")"),
+      '1000': "hsla(230, 8%, 15%, ".concat(opacity[12], ")"),
+      '1100': "hsla(231, 12%, 12%, ".concat(opacity[12], ")"),
+      '1200': "hsla(231, 17%, 8%, ".concat(opacity[12], ")"),
+      '1300': "hsla(240, 5%, 4%, ".concat(opacity[12], ")"),
+      a50: "hsla(228, 4%, 76%, ".concat(opacity[1], ")"),
+      a75: "hsla(228, 4%, 76%, ".concat(opacity[1], ")"),
+      a100: "hsla(228, 4%, 76%, ".concat(opacity[3], ")"),
+      a200: "hsla(228, 4%, 76%, ".concat(opacity[5], ")"),
+      a400: "hsla(228, 4%, 76%, ".concat(opacity[5], ")")
+    },
+    white: {
+      '10': "hsla(0, 0%, 100%, ".concat(opacity[1], ")"),
+      '25': "hsla(0, 0%, 100%, ".concat(opacity[2], ")"),
+      '50': "hsla(0, 0%, 100%, ".concat(opacity[3], ")"),
+      '100': "hsla(0, 0%, 100%, ".concat(opacity[5], ")"),
+      '200': "hsla(0, 0%, 100%, ".concat(opacity[6], ")"),
+      '300': "hsla(0, 0%, 100%, ".concat(opacity[8], ")"),
+      '400': "hsla(0, 0%, 100%, ".concat(opacity[10], ")"),
+      '450': "hsla(0, 0%, 100%, ".concat(opacity[11], ")"),
+      '500': "hsla(0, 0%, 100%, ".concat(opacity[12], ")")
+    },
+    black: {
+      '10': "hsla(0, 0%, 0%, ".concat(opacity[1], ")"),
+      '25': "hsla(0, 0%, 0%, ".concat(opacity[2], ")"),
+      '50': "hsla(0, 0%, 0%, ".concat(opacity[3], ")"),
+      '100': "hsla(0, 0%, 0%, ".concat(opacity[5], ")"),
+      '200': "hsla(0, 0%, 0%, ".concat(opacity[7], ")"),
+      '300': "hsla(0, 0%, 0%, ".concat(opacity[9], ")"),
+      '400': "hsla(0, 0%, 0%, ".concat(opacity[10], ")"),
+      '450': "hsla(0, 0%, 0%, ".concat(opacity[11], ")"),
+      '500': "hsla(0, 0%, 0%, ".concat(opacity[12], ")")
     }
   }
 };