@nsaa/tokens 0.0.0-stage → 0.1.0-alpha.1

package/src/primitives.json

@@ -0,0 +1,688 @@
+{
+ "$description": "Radix Colors v3 (MIT, @radix-ui/colors) as used by Interfere: gray, blue, green, orange, tomato, iris (info), black/white alpha. Light and dark values per step.",
+ "$source": "https://github.com/radix-ui/colors",
+ "color": {
+  "gray-1": {
+   "light": "#FCFCFC",
+   "dark": "#111111"
+  },
+  "gray-a1": {
+   "light": "#00000003",
+   "dark": "#00000000"
+  },
+  "gray-2": {
+   "light": "#F9F9F9",
+   "dark": "#191919"
+  },
+  "gray-a2": {
+   "light": "#00000006",
+   "dark": "#FFFFFF09"
+  },
+  "gray-3": {
+   "light": "#F0F0F0",
+   "dark": "#222222"
+  },
+  "gray-a3": {
+   "light": "#0000000F",
+   "dark": "#FFFFFF12"
+  },
+  "gray-4": {
+   "light": "#E8E8E8",
+   "dark": "#2A2A2A"
+  },
+  "gray-a4": {
+   "light": "#00000017",
+   "dark": "#FFFFFF1B"
+  },
+  "gray-5": {
+   "light": "#E0E0E0",
+   "dark": "#313131"
+  },
+  "gray-a5": {
+   "light": "#0000001F",
+   "dark": "#FFFFFF22"
+  },
+  "gray-6": {
+   "light": "#D9D9D9",
+   "dark": "#3A3A3A"
+  },
+  "gray-a6": {
+   "light": "#00000026",
+   "dark": "#FFFFFF2C"
+  },
+  "gray-7": {
+   "light": "#CECECE",
+   "dark": "#484848"
+  },
+  "gray-a7": {
+   "light": "#00000031",
+   "dark": "#FFFFFF3B"
+  },
+  "gray-8": {
+   "light": "#BBBBBB",
+   "dark": "#606060"
+  },
+  "gray-a8": {
+   "light": "#00000044",
+   "dark": "#FFFFFF55"
+  },
+  "gray-9": {
+   "light": "#8D8D8D",
+   "dark": "#6E6E6E"
+  },
+  "gray-a9": {
+   "light": "#00000072",
+   "dark": "#FFFFFF64"
+  },
+  "gray-10": {
+   "light": "#838383",
+   "dark": "#7B7B7B"
+  },
+  "gray-a10": {
+   "light": "#0000007C",
+   "dark": "#FFFFFF72"
+  },
+  "gray-11": {
+   "light": "#646464",
+   "dark": "#B4B4B4"
+  },
+  "gray-a11": {
+   "light": "#0000009B",
+   "dark": "#FFFFFFAF"
+  },
+  "gray-12": {
+   "light": "#202020",
+   "dark": "#EEEEEE"
+  },
+  "gray-a12": {
+   "light": "#000000DF",
+   "dark": "#FFFFFFED"
+  },
+  "blue-1": {
+   "light": "#FBFDFF",
+   "dark": "#0D1520"
+  },
+  "blue-a1": {
+   "light": "#0080FF04",
+   "dark": "#004DF211"
+  },
+  "blue-2": {
+   "light": "#F4FAFF",
+   "dark": "#111927"
+  },
+  "blue-a2": {
+   "light": "#008CFF0B",
+   "dark": "#1166FB18"
+  },
+  "blue-3": {
+   "light": "#E6F4FE",
+   "dark": "#0D2847"
+  },
+  "blue-a3": {
+   "light": "#008FF519",
+   "dark": "#0077FF3A"
+  },
+  "blue-4": {
+   "light": "#D5EFFF",
+   "dark": "#003362"
+  },
+  "blue-a4": {
+   "light": "#009EFF2A",
+   "dark": "#0075FF57"
+  },
+  "blue-5": {
+   "light": "#C2E5FF",
+   "dark": "#004074"
+  },
+  "blue-a5": {
+   "light": "#0093FF3D",
+   "dark": "#0081FD6B"
+  },
+  "blue-6": {
+   "light": "#ACD8FC",
+   "dark": "#104D87"
+  },
+  "blue-a6": {
+   "light": "#0088F653",
+   "dark": "#0F89FD7F"
+  },
+  "blue-7": {
+   "light": "#8EC8F6",
+   "dark": "#205D9E"
+  },
+  "blue-a7": {
+   "light": "#0083EB71",
+   "dark": "#2A91FE98"
+  },
+  "blue-8": {
+   "light": "#5EB1EF",
+   "dark": "#2870BD"
+  },
+  "blue-a8": {
+   "light": "#0084E6A1",
+   "dark": "#3094FEB9"
+  },
+  "blue-9": {
+   "light": "#0090FF",
+   "dark": "#0090FF"
+  },
+  "blue-a9": {
+   "light": "#0090FF",
+   "dark": "#0090FF"
+  },
+  "blue-10": {
+   "light": "#0588F0",
+   "dark": "#3B9EFF"
+  },
+  "blue-a10": {
+   "light": "#0086F0FA",
+   "dark": "#3B9EFF"
+  },
+  "blue-11": {
+   "light": "#0D74CE",
+   "dark": "#70B8FF"
+  },
+  "blue-a11": {
+   "light": "#006DCBF2",
+   "dark": "#70B8FF"
+  },
+  "blue-12": {
+   "light": "#113264",
+   "dark": "#C2E6FF"
+  },
+  "blue-a12": {
+   "light": "#002359EE",
+   "dark": "#C2E6FF"
+  },
+  "green-1": {
+   "light": "#FBFEFC",
+   "dark": "#0E1512"
+  },
+  "green-a1": {
+   "light": "#00C04004",
+   "dark": "#00DE4505"
+  },
+  "green-2": {
+   "light": "#F4FBF6",
+   "dark": "#121B17"
+  },
+  "green-a2": {
+   "light": "#00A32F0B",
+   "dark": "#29F99D0B"
+  },
+  "green-3": {
+   "light": "#E6F6EB",
+   "dark": "#132D21"
+  },
+  "green-a3": {
+   "light": "#00A43319",
+   "dark": "#22FF991E"
+  },
+  "green-4": {
+   "light": "#D6F1DF",
+   "dark": "#113B29"
+  },
+  "green-a4": {
+   "light": "#00A83829",
+   "dark": "#11FF992D"
+  },
+  "green-5": {
+   "light": "#C4E8D1",
+   "dark": "#174933"
+  },
+  "green-a5": {
+   "light": "#019C393B",
+   "dark": "#2BFFA23C"
+  },
+  "green-6": {
+   "light": "#ADDDC0",
+   "dark": "#20573E"
+  },
+  "green-a6": {
+   "light": "#00963C52",
+   "dark": "#44FFAA4B"
+  },
+  "green-7": {
+   "light": "#8ECEAA",
+   "dark": "#28684A"
+  },
+  "green-a7": {
+   "light": "#00914071",
+   "dark": "#50FDAC5E"
+  },
+  "green-8": {
+   "light": "#5BB98B",
+   "dark": "#2F7C57"
+  },
+  "green-a8": {
+   "light": "#00924BA4",
+   "dark": "#54FFAD73"
+  },
+  "green-9": {
+   "light": "#30A46C",
+   "dark": "#30A46C"
+  },
+  "green-a9": {
+   "light": "#008F4ACF",
+   "dark": "#44FFA49E"
+  },
+  "green-10": {
+   "light": "#2B9A66",
+   "dark": "#33B074"
+  },
+  "green-a10": {
+   "light": "#008647D4",
+   "dark": "#43FEA4AB"
+  },
+  "green-11": {
+   "light": "#218358",
+   "dark": "#3DD68C"
+  },
+  "green-a11": {
+   "light": "#00713FDE",
+   "dark": "#46FEA5D4"
+  },
+  "green-12": {
+   "light": "#193B2D",
+   "dark": "#B1F1CB"
+  },
+  "green-a12": {
+   "light": "#002616E6",
+   "dark": "#BBFFD7F0"
+  },
+  "orange-1": {
+   "light": "#FEFCFB",
+   "dark": "#17120E"
+  },
+  "orange-a1": {
+   "light": "#C0400004",
+   "dark": "#EC360007"
+  },
+  "orange-2": {
+   "light": "#FFF7ED",
+   "dark": "#1E160F"
+  },
+  "orange-a2": {
+   "light": "#FF8E0012",
+   "dark": "#FE6D000E"
+  },
+  "orange-3": {
+   "light": "#FFEFD6",
+   "dark": "#331E0B"
+  },
+  "orange-a3": {
+   "light": "#FF9C0029",
+   "dark": "#FB6A0025"
+  },
+  "orange-4": {
+   "light": "#FFDFB5",
+   "dark": "#462100"
+  },
+  "orange-a4": {
+   "light": "#FF91014A",
+   "dark": "#FF590039"
+  },
+  "orange-5": {
+   "light": "#FFD19A",
+   "dark": "#562800"
+  },
+  "orange-a5": {
+   "light": "#FF8B0065",
+   "dark": "#FF61004A"
+  },
+  "orange-6": {
+   "light": "#FFC182",
+   "dark": "#66350C"
+  },
+  "orange-a6": {
+   "light": "#FF81007D",
+   "dark": "#FD75045C"
+  },
+  "orange-7": {
+   "light": "#F5AE73",
+   "dark": "#7E451D"
+  },
+  "orange-a7": {
+   "light": "#ED6C008C",
+   "dark": "#FF832C75"
+  },
+  "orange-8": {
+   "light": "#EC9455",
+   "dark": "#A35829"
+  },
+  "orange-a8": {
+   "light": "#E35F00AA",
+   "dark": "#FE84389D"
+  },
+  "orange-9": {
+   "light": "#F76B15",
+   "dark": "#F76B15"
+  },
+  "orange-a9": {
+   "light": "#F65E00EA",
+   "dark": "#FE6D15F7"
+  },
+  "orange-10": {
+   "light": "#EF5F00",
+   "dark": "#FF801F"
+  },
+  "orange-a10": {
+   "light": "#EF5F00",
+   "dark": "#FF801F"
+  },
+  "orange-11": {
+   "light": "#CC4E00",
+   "dark": "#FFA057"
+  },
+  "orange-a11": {
+   "light": "#CC4E00",
+   "dark": "#FFA057"
+  },
+  "orange-12": {
+   "light": "#582D1D",
+   "dark": "#FFE0C2"
+  },
+  "orange-a12": {
+   "light": "#431200E2",
+   "dark": "#FFE0C2"
+  },
+  "tomato-1": {
+   "light": "#FFFCFC",
+   "dark": "#181111"
+  },
+  "tomato-a1": {
+   "light": "#FF000003",
+   "dark": "#F1121208"
+  },
+  "tomato-2": {
+   "light": "#FFF8F7",
+   "dark": "#1F1513"
+  },
+  "tomato-a2": {
+   "light": "#FF200008",
+   "dark": "#FF55330F"
+  },
+  "tomato-3": {
+   "light": "#FEEBE7",
+   "dark": "#391714"
+  },
+  "tomato-a3": {
+   "light": "#F52B0018",
+   "dark": "#FF35232B"
+  },
+  "tomato-4": {
+   "light": "#FFDCD3",
+   "dark": "#4E1511"
+  },
+  "tomato-a4": {
+   "light": "#FF35002C",
+   "dark": "#FD201142"
+  },
+  "tomato-5": {
+   "light": "#FFCDC2",
+   "dark": "#5E1C16"
+  },
+  "tomato-a5": {
+   "light": "#FF2E003D",
+   "dark": "#FE332153"
+  },
+  "tomato-6": {
+   "light": "#FDBDAF",
+   "dark": "#6E2920"
+  },
+  "tomato-a6": {
+   "light": "#F92D0050",
+   "dark": "#FF4F3864"
+  },
+  "tomato-7": {
+   "light": "#F5A898",
+   "dark": "#853A2D"
+  },
+  "tomato-a7": {
+   "light": "#E7280067",
+   "dark": "#FD644A7D"
+  },
+  "tomato-8": {
+   "light": "#EC8E7B",
+   "dark": "#AC4D39"
+  },
+  "tomato-a8": {
+   "light": "#DB250084",
+   "dark": "#FE6D4EA7"
+  },
+  "tomato-9": {
+   "light": "#E54D2E",
+   "dark": "#E54D2E"
+  },
+  "tomato-a9": {
+   "light": "#DF2600D1",
+   "dark": "#FE5431E4"
+  },
+  "tomato-10": {
+   "light": "#DD4425",
+   "dark": "#EC6142"
+  },
+  "tomato-a10": {
+   "light": "#D72400DA",
+   "dark": "#FF6847EB"
+  },
+  "tomato-11": {
+   "light": "#D13415",
+   "dark": "#FF977D"
+  },
+  "tomato-a11": {
+   "light": "#CD2200EA",
+   "dark": "#FF977D"
+  },
+  "tomato-12": {
+   "light": "#5C271F",
+   "dark": "#FBD3CB"
+  },
+  "tomato-a12": {
+   "light": "#460900E0",
+   "dark": "#FFD6CEFB"
+  },
+  "iris-1": {
+   "light": "#FDFDFF",
+   "dark": "#13131E"
+  },
+  "iris-a1": {
+   "light": "#0000FF02",
+   "dark": "#3636FE0E"
+  },
+  "iris-2": {
+   "light": "#F8F8FF",
+   "dark": "#171625"
+  },
+  "iris-a2": {
+   "light": "#0000FF07",
+   "dark": "#564BF916"
+  },
+  "iris-3": {
+   "light": "#F0F1FE",
+   "dark": "#202248"
+  },
+  "iris-a3": {
+   "light": "#0011EE0F",
+   "dark": "#525BFF3B"
+  },
+  "iris-4": {
+   "light": "#E6E7FF",
+   "dark": "#262A65"
+  },
+  "iris-a4": {
+   "light": "#000BFF19",
+   "dark": "#4D58FF5A"
+  },
+  "iris-5": {
+   "light": "#DADCFF",
+   "dark": "#303374"
+  },
+  "iris-a5": {
+   "light": "#000EFF25",
+   "dark": "#5B62FD6B"
+  },
+  "iris-6": {
+   "light": "#CBCDFF",
+   "dark": "#3D3E82"
+  },
+  "iris-a6": {
+   "light": "#000AFF34",
+   "dark": "#6D6FFD7A"
+  },
+  "iris-7": {
+   "light": "#B8BAF8",
+   "dark": "#4A4A95"
+  },
+  "iris-a7": {
+   "light": "#0008E647",
+   "dark": "#7777FE8E"
+  },
+  "iris-8": {
+   "light": "#9B9EF0",
+   "dark": "#5958B1"
+  },
+  "iris-a8": {
+   "light": "#0008D964",
+   "dark": "#7B7AFEAC"
+  },
+  "iris-9": {
+   "light": "#5B5BD6",
+   "dark": "#5B5BD6"
+  },
+  "iris-a9": {
+   "light": "#0000C0A4",
+   "dark": "#6A6AFED4"
+  },
+  "iris-10": {
+   "light": "#5151CD",
+   "dark": "#6E6ADE"
+  },
+  "iris-a10": {
+   "light": "#0000B6AE",
+   "dark": "#7D79FFDC"
+  },
+  "iris-11": {
+   "light": "#5753C6",
+   "dark": "#B1A9FF"
+  },
+  "iris-a11": {
+   "light": "#0600ABAC",
+   "dark": "#B1A9FF"
+  },
+  "iris-12": {
+   "light": "#272962",
+   "dark": "#E0DFFE"
+  },
+  "iris-a12": {
+   "light": "#000246D8",
+   "dark": "#E1E0FFFE"
+  },
+  "black-a1": {
+   "light": "#0000000D",
+   "dark": "#0000000D"
+  },
+  "white-a1": {
+   "light": "#FFFFFF0D",
+   "dark": "#FFFFFF0D"
+  },
+  "black-a2": {
+   "light": "#0000001A",
+   "dark": "#0000001A"
+  },
+  "white-a2": {
+   "light": "#FFFFFF1A",
+   "dark": "#FFFFFF1A"
+  },
+  "black-a3": {
+   "light": "#00000026",
+   "dark": "#00000026"
+  },
+  "white-a3": {
+   "light": "#FFFFFF26",
+   "dark": "#FFFFFF26"
+  },
+  "black-a4": {
+   "light": "#00000033",
+   "dark": "#00000033"
+  },
+  "white-a4": {
+   "light": "#FFFFFF33",
+   "dark": "#FFFFFF33"
+  },
+  "black-a5": {
+   "light": "#0000004C",
+   "dark": "#0000004C"
+  },
+  "white-a5": {
+   "light": "#FFFFFF4C",
+   "dark": "#FFFFFF4C"
+  },
+  "black-a6": {
+   "light": "#00000066",
+   "dark": "#00000066"
+  },
+  "white-a6": {
+   "light": "#FFFFFF66",
+   "dark": "#FFFFFF66"
+  },
+  "black-a7": {
+   "light": "#00000080",
+   "dark": "#00000080"
+  },
+  "white-a7": {
+   "light": "#FFFFFF80",
+   "dark": "#FFFFFF80"
+  },
+  "black-a8": {
+   "light": "#00000099",
+   "dark": "#00000099"
+  },
+  "white-a8": {
+   "light": "#FFFFFF99",
+   "dark": "#FFFFFF99"
+  },
+  "black-a9": {
+   "light": "#000000B2",
+   "dark": "#000000B2"
+  },
+  "white-a9": {
+   "light": "#FFFFFFB2",
+   "dark": "#FFFFFFB2"
+  },
+  "black-a10": {
+   "light": "#000000CC",
+   "dark": "#000000CC"
+  },
+  "white-a10": {
+   "light": "#FFFFFFCC",
+   "dark": "#FFFFFFCC"
+  },
+  "black-a11": {
+   "light": "#000000E6",
+   "dark": "#000000E6"
+  },
+  "white-a11": {
+   "light": "#FFFFFFE6",
+   "dark": "#FFFFFFE6"
+  },
+  "black-a12": {
+   "light": "#000000F2",
+   "dark": "#000000F2"
+  },
+  "white-a12": {
+   "light": "#FFFFFFF2",
+   "dark": "#FFFFFFF2"
+  },
+  "blue-vivid": {
+   "light": "#0076D3",
+   "dark": "#0076D3",
+   "$note": "Nsaa addition (not Radix): the most saturated colour at this hue that passes 4.5:1 with white text (decision #50)."
+  },
+  "tomato-vivid": {
+   "light": "#DF3000",
+   "dark": "#DF3000",
+   "$note": "Nsaa addition (not Radix): the most saturated colour at this hue that passes 4.5:1 with white text (decision #50)."
+  }
+ }
+}