@common-origin/design-system 2.19.0 → 2.21.0

package/dist/styles/tokens.json

@@ -172,6 +172,286 @@
         "1100": "rgba(34, 34, 34, 0.706)",
         "1200": "rgba(34, 34, 34, 1)"
       },
+      "accent": {
+        "100": "#fbfcfd",
+        "200": "#f7f9fc",
+        "300": "#edf3fa",
+        "400": "#e3ecf8",
+        "500": "#d8e5f6",
+        "600": "#cbdef7",
+        "700": "#b9d3f5",
+        "800": "#3190fe",
+        "900": "#0082fc",
+        "1000": "#0278e7",
+        "1100": "#0162bf",
+        "1200": "#0f2339"
+      },
+      "accent-alpha": {
+        "100": "rgba(5, 68, 130, 0.016)",
+        "200": "rgba(5, 68, 161, 0.032)",
+        "300": "rgba(1, 86, 185, 0.071)",
+        "400": "rgba(0, 82, 191, 0.11)",
+        "500": "rgba(0, 85, 196, 0.153)",
+        "600": "rgba(0, 93, 216, 0.204)",
+        "700": "rgba(0, 95, 219, 0.275)",
+        "800": "rgba(0, 118, 254, 0.808)",
+        "900": "rgba(0, 130, 252, 1)",
+        "1000": "rgba(0, 119, 231, 0.993)",
+        "1100": "rgba(0, 98, 191, 0.997)",
+        "1200": "rgba(0, 21, 45, 0.942)"
+      },
+      "success": {
+        "100": "#f9fdfa",
+        "200": "#f0fcf5",
+        "300": "#dbf9e8",
+        "400": "#c4f7da",
+        "500": "#aff3ce",
+        "600": "#98eec0",
+        "700": "#77e6af",
+        "800": "#02a56c",
+        "900": "#009762",
+        "1000": "#018b5a",
+        "1100": "#017249",
+        "1200": "#12261b"
+      },
+      "success-alpha": {
+        "100": "rgba(5, 172, 47, 0.024)",
+        "200": "rgba(1, 204, 86, 0.059)",
+        "300": "rgba(1, 213, 93, 0.142)",
+        "400": "rgba(1, 221, 96, 0.232)",
+        "500": "rgba(0, 217, 99, 0.314)",
+        "600": "rgba(0, 213, 99, 0.404)",
+        "700": "rgba(0, 208, 105, 0.534)",
+        "800": "rgba(0, 164, 107, 0.993)",
+        "900": "rgba(0, 151, 98, 1)",
+        "1000": "rgba(0, 139, 90, 0.997)",
+        "1100": "rgba(0, 114, 72, 0.997)",
+        "1200": "rgba(0, 22, 10, 0.93)"
+      },
+      "warning": {
+        "100": "#fdfcfa",
+        "200": "#fcf9f4",
+        "300": "#faf1e3",
+        "400": "#f8e9d1",
+        "500": "#f7e1be",
+        "600": "#f7d8a5",
+        "700": "#f7cb80",
+        "800": "#bd8600",
+        "900": "#ad7b00",
+        "1000": "#9f7102",
+        "1100": "#835c00",
+        "1200": "#292111"
+      },
+      "warning-alpha": {
+        "100": "rgba(155, 105, 5, 0.02)",
+        "200": "rgba(187, 119, 5, 0.044)",
+        "300": "rgba(210, 128, 0, 0.11)",
+        "400": "rgba(216, 133, 1, 0.181)",
+        "500": "rgba(224, 137, 0, 0.255)",
+        "600": "rgba(232, 145, 0, 0.353)",
+        "700": "rgba(239, 151, 0, 0.499)",
+        "800": "rgba(189, 134, 0, 1)",
+        "900": "rgba(173, 123, 0, 1)",
+        "1000": "rgba(158, 112, 0, 0.993)",
+        "1100": "rgba(131, 92, 0, 1)",
+        "1200": "rgba(26, 17, 0, 0.934)"
+      },
+      "serious": {
+        "100": "#fefcfb",
+        "200": "#fcf8f6",
+        "300": "#faf0eb",
+        "400": "#f8e8e0",
+        "500": "#f7dfd4",
+        "600": "#f6d5c5",
+        "700": "#f7c7b0",
+        "800": "#ed6800",
+        "900": "#da5f00",
+        "1000": "#c85701",
+        "1100": "#a54703",
+        "1200": "#341c10"
+      },
+      "serious-alpha": {
+        "100": "rgba(193, 68, 5, 0.016)",
+        "200": "rgba(172, 61, 5, 0.036)",
+        "300": "rgba(192, 65, 2, 0.079)",
+        "400": "rgba(198, 66, 1, 0.122)",
+        "500": "rgba(208, 66, 1, 0.169)",
+        "600": "rgba(216, 71, 1, 0.228)",
+        "700": "rgba(229, 74, 0, 0.31)",
+        "800": "rgba(237, 104, 0, 1)",
+        "900": "rgba(218, 95, 0, 1)",
+        "1000": "rgba(200, 86, 0, 0.997)",
+        "1100": "rgba(164, 69, 0, 0.989)",
+        "1200": "rgba(39, 13, 0, 0.938)"
+      },
+      "danger": {
+        "100": "#fefcfc",
+        "200": "#fcf8f7",
+        "300": "#faf0ee",
+        "400": "#f8e7e4",
+        "500": "#f8dfdb",
+        "600": "#f7d4ce",
+        "700": "#f7c6be",
+        "800": "#ff5444",
+        "900": "#ff2b21",
+        "1000": "#f30004",
+        "1100": "#c90002",
+        "1200": "#3d1611"
+      },
+      "danger-alpha": {
+        "100": "rgba(172, 5, 5, 0.012)",
+        "200": "rgba(161, 36, 5, 0.032)",
+        "300": "rgba(180, 31, 1, 0.067)",
+        "400": "rgba(189, 29, 0, 0.106)",
+        "500": "rgba(206, 30, 1, 0.142)",
+        "600": "rgba(214, 32, 1, 0.193)",
+        "700": "rgba(224, 31, 0, 0.255)",
+        "800": "rgba(255, 22, 0, 0.734)",
+        "900": "rgba(255, 12, 0, 0.871)",
+        "1000": "rgba(243, 0, 4, 1)",
+        "1100": "rgba(201, 0, 2, 1)",
+        "1200": "rgba(47, 6, 0, 0.934)"
+      },
+      "ai": {
+        "100": "#fdfcfe",
+        "200": "#faf8fc",
+        "300": "#f4f0fa",
+        "400": "#efe8f8",
+        "500": "#eae0f7",
+        "600": "#e4d6f6",
+        "700": "#ddc9f7",
+        "800": "#b76bff",
+        "900": "#b056ff",
+        "1000": "#aa3dff",
+        "1100": "#9602eb",
+        "1200": "#2e1743"
+      },
+      "ai-alpha": {
+        "100": "rgba(88, 5, 172, 0.012)",
+        "200": "rgba(76, 5, 148, 0.028)",
+        "300": "rgba(69, 1, 170, 0.059)",
+        "400": "rgba(79, 2, 178, 0.091)",
+        "500": "rgba(83, 1, 189, 0.122)",
+        "600": "rgba(87, 0, 199, 0.161)",
+        "700": "rgba(95, 0, 217, 0.212)",
+        "800": "rgba(131, 0, 255, 0.581)",
+        "900": "rgba(136, 0, 255, 0.663)",
+        "1000": "rgba(143, 0, 255, 0.761)",
+        "1100": "rgba(149, 0, 235, 0.993)",
+        "1200": "rgba(25, 0, 48, 0.91)"
+      },
+      "olive": {
+        "100": "#fbfdf4",
+        "200": "#f7fbe8",
+        "300": "#eff6d4",
+        "400": "#e6f0bf",
+        "500": "#deebaa",
+        "600": "#d5e493",
+        "700": "#c9da73",
+        "800": "#889903",
+        "900": "#7d8c02",
+        "1000": "#738000",
+        "1100": "#5d6900",
+        "1200": "#202410"
+      },
+      "olive-alpha": {
+        "100": "rgba(164, 210, 5, 0.044)",
+        "200": "rgba(167, 211, 2, 0.091)",
+        "300": "rgba(160, 202, 1, 0.169)",
+        "400": "rgba(155, 195, 0, 0.251)",
+        "500": "rgba(156, 195, 1, 0.334)",
+        "600": "rgba(156, 191, 0, 0.424)",
+        "700": "rgba(157, 188, 0, 0.55)",
+        "800": "rgba(135, 152, 0, 0.989)",
+        "900": "rgba(124, 139, 0, 0.993)",
+        "1000": "rgba(115, 128, 0, 1)",
+        "1100": "rgba(93, 105, 0, 1)",
+        "1200": "rgba(17, 22, 0, 0.938)"
+      },
+      "periwinkle": {
+        "100": "#fcfcfd",
+        "200": "#f8f9fc",
+        "300": "#f0f2fa",
+        "400": "#e8ebf9",
+        "500": "#dfe3f7",
+        "600": "#d6dbf7",
+        "700": "#c8cff6",
+        "800": "#7a84ff",
+        "900": "#6e74fe",
+        "1000": "#6464ff",
+        "1100": "#533eff",
+        "1200": "#1a1b51"
+      },
+      "periwinkle-alpha": {
+        "100": "rgba(5, 5, 88, 0.012)",
+        "200": "rgba(5, 41, 148, 0.028)",
+        "300": "rgba(1, 35, 170, 0.059)",
+        "400": "rgba(2, 35, 189, 0.091)",
+        "500": "rgba(1, 33, 192, 0.126)",
+        "600": "rgba(0, 31, 205, 0.161)",
+        "700": "rgba(0, 33, 213, 0.216)",
+        "800": "rgba(0, 19, 255, 0.522)",
+        "900": "rgba(0, 11, 253, 0.569)",
+        "1000": "rgba(0, 0, 255, 0.608)",
+        "1100": "rgba(28, 0, 255, 0.757)",
+        "1200": "rgba(0, 1, 61, 0.899)"
+      },
+      "rose": {
+        "100": "#fefcfc",
+        "200": "#fcf8f9",
+        "300": "#faeff1",
+        "400": "#f8e7ea",
+        "500": "#f8dee3",
+        "600": "#f7d3da",
+        "700": "#f7c4cf",
+        "800": "#ff4989",
+        "900": "#ff0f7c",
+        "1000": "#ec0071",
+        "1100": "#c4005d",
+        "1200": "#3c1520"
+      },
+      "rose-alpha": {
+        "100": "rgba(172, 5, 5, 0.012)",
+        "200": "rgba(148, 5, 41, 0.028)",
+        "300": "rgba(176, 1, 33, 0.063)",
+        "400": "rgba(181, 2, 34, 0.095)",
+        "500": "rgba(201, 1, 40, 0.13)",
+        "600": "rgba(209, 1, 41, 0.173)",
+        "700": "rgba(221, 1, 48, 0.232)",
+        "800": "rgba(255, 0, 90, 0.714)",
+        "900": "rgba(255, 0, 116, 0.942)",
+        "1000": "rgba(236, 0, 113, 1)",
+        "1100": "rgba(196, 0, 93, 1)",
+        "1200": "rgba(43, 0, 12, 0.918)"
+      },
+      "magenta": {
+        "100": "#fdfbfd",
+        "200": "#fdf8fc",
+        "300": "#faeff9",
+        "400": "#f9e6f7",
+        "500": "#f8dcf5",
+        "600": "#f7d0f3",
+        "700": "#f7bff2",
+        "800": "#fd00fa",
+        "900": "#e900e6",
+        "1000": "#d700d4",
+        "1100": "#b100af",
+        "1200": "#371535"
+      },
+      "magenta-alpha": {
+        "100": "rgba(130, 5, 130, 0.016)",
+        "200": "rgba(184, 5, 148, 0.028)",
+        "300": "rgba(176, 1, 160, 0.063)",
+        "400": "rgba(194, 2, 174, 0.099)",
+        "500": "rgba(204, 1, 183, 0.138)",
+        "600": "rgba(212, 1, 190, 0.185)",
+        "700": "rgba(223, 0, 203, 0.251)",
+        "800": "rgba(253, 0, 250, 1)",
+        "900": "rgba(233, 0, 230, 1)",
+        "1000": "rgba(215, 0, 212, 1)",
+        "1100": "rgba(177, 0, 175, 1)",
+        "1200": "rgba(37, 0, 35, 0.918)"
+      },
       "neutral": {
         "100": "#f8f9fa",
         "200": "#e9ecef",
@@ -1174,7 +1454,8 @@
         "accent": "#0265DC",
         "accent-hover": "#0054B6",
         "accent-pressed": "#004491",
-        "danger": "#D31510"
+        "danger": "#D31510",
+        "ai": "#9602eb"
       },
       "background": {
         "default": "#f8f9fa",
@@ -1243,7 +1524,8 @@
         "accent": "#0265DC",
         "accent-hover": "#0054B6",
         "accent-pressed": "#004491",
-        "danger": "#D31510"
+        "danger": "#D31510",
+        "ai": "#9602eb"
       },
       "financial": {
         "credit": "#15A46E",