@muraldevkit/ds-foundation 2.17.0 → 2.19.0-dev-rMoq.1

package/dist/tokens/global-variables/color.json

@@ -0,0 +1,636 @@
+{
+	"gray": {
+		"10": {
+			"$value": "249, 250, 250",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "236, 240, 244",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "220, 225, 229",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "184, 193, 204",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "155, 168, 182",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "129, 143, 156",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "99, 112, 126",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "72, 82, 91",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "40, 46, 52",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "27, 31, 34",
+			"$description": "Color token."
+		}
+	},
+	"blue": {
+		"10": {
+			"$value": "247, 250, 255",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "230, 244, 254",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "205, 230, 254",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "180, 217, 253",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "131, 191, 252",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "81, 143, 251",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "48, 106, 227",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "49, 99, 201",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "42, 86, 176",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "30, 61, 125",
+			"$description": "Color token."
+		}
+	},
+	"red": {
+		"10": {
+			"$value": "255, 235, 235",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "255, 214, 214",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "255, 204, 204",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "255, 179, 179",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "255, 128, 128",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "255, 75, 75",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "224, 41, 53",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "179, 33, 42",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "140, 26, 33",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "115, 21, 27",
+			"$description": "Color token."
+		}
+	},
+	"tomato": {
+		"10": {
+			"$value": "251, 224, 223",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "253, 216, 216",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "246, 193, 194",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "240, 148, 151",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "227, 99, 103",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "224, 72, 77",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "212, 58, 64",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "205, 45, 51",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "190, 39, 48",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "157, 32, 40",
+			"$description": "Color token."
+		},
+		"desaturated": {
+			"$value": "229, 179, 182",
+			"$description": "Color token."
+		}
+	},
+	"orange": {
+		"10": {
+			"$value": "255, 231, 204",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "254, 226, 194",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "252, 218, 192",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "245, 199, 146",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "244, 158, 72",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "229, 121, 26",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "201, 79, 19",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "191, 76, 18",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "178, 68, 1",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "147, 57, 1",
+			"$description": "Color token."
+		},
+		"desaturated": {
+			"$value": "235, 186, 142",
+			"$description": "Color token."
+		}
+	},
+	"lemon": {
+		"10": {
+			"$value": "250, 241, 193",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "249, 240, 190",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "249, 237, 174",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "245, 226, 127",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "228, 203, 73",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "182, 158, 35",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "142, 116, 23",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "132, 108, 21",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "122, 99, 16",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "104, 84, 13",
+			"$description": "Color token."
+		},
+		"desaturated": {
+			"$value": "228, 215, 149",
+			"$description": "Color token."
+		}
+	},
+	"melon": {
+		"10": {
+			"$value": "227, 248, 216",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "214, 237, 202",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "190, 226, 171",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "161, 214, 135",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "122, 185, 91",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "93, 160, 59",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "75, 132, 46",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "69, 121, 42",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "71, 114, 49",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "60, 96, 41",
+			"$description": "Color token."
+		},
+		"desaturated": {
+			"$value": "169, 208, 178",
+			"$description": "Color token."
+		}
+	},
+	"mint": {
+		"10": {
+			"$value": "220, 242, 249",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "207, 234, 242",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "177, 217, 231",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "138, 199, 219",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "89, 181, 212",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "36, 150, 188",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "9, 126, 165",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "8, 118, 155",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "1, 114, 152",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "1, 99, 132",
+			"$description": "Color token."
+		},
+		"desaturated": {
+			"$value": "162, 203, 216",
+			"$description": "Color token."
+		}
+	},
+	"blueberry": {
+		"10": {
+			"$value": "215, 228, 255",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "202, 219, 252",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "187, 209, 251",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "139, 175, 249",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "105, 146, 226",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "91, 131, 210",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "64, 110, 203",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "32, 89, 202",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "28, 77, 175",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "24, 66, 149",
+			"$description": "Color token."
+		},
+		"desaturated": {
+			"$value": "173, 199, 224",
+			"$description": "Color token."
+		}
+	},
+	"grape": {
+		"10": {
+			"$value": "222, 220, 249",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "216, 216, 249",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "207, 207, 247",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "162, 163, 240",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "142, 129, 228",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "132, 108, 224",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "114, 86, 219",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "94, 62, 214",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "74, 58, 182",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "63, 49, 155",
+			"$description": "Color token."
+		},
+		"desaturated": {
+			"$value": "189, 187, 221",
+			"$description": "Color token."
+		}
+	},
+	"dragonfruit": {
+		"10": {
+			"$value": "255, 225, 243",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "246, 213, 243",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "230, 188, 226",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "216, 151, 209",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "202, 114, 193",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "196, 100, 186",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "186, 74, 171",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "175, 75, 168",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "163, 67, 157",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "141, 58, 136",
+			"$description": "Color token."
+		},
+		"desaturated": {
+			"$value": "232, 201, 221",
+			"$description": "Color token."
+		}
+	},
+	"truffle": {
+		"10": {
+			"$value": "236, 239, 238",
+			"$description": "Color token."
+		},
+		"20": {
+			"$value": "219, 225, 223",
+			"$description": "Color token."
+		},
+		"30": {
+			"$value": "197, 206, 203",
+			"$description": "Color token."
+		},
+		"40": {
+			"$value": "170, 182, 178",
+			"$description": "Color token."
+		},
+		"50": {
+			"$value": "131, 149, 144",
+			"$description": "Color token."
+		},
+		"60": {
+			"$value": "108, 127, 121",
+			"$description": "Color token."
+		},
+		"70": {
+			"$value": "96, 113, 108",
+			"$description": "Color token."
+		},
+		"80": {
+			"$value": "80, 98, 93",
+			"$description": "Color token."
+		},
+		"90": {
+			"$value": "70, 83, 79",
+			"$description": "Color token."
+		},
+		"100": {
+			"$value": "56, 66, 63",
+			"$description": "Color token."
+		},
+		"desaturated": {
+			"$value": "196, 202, 200",
+			"$description": "Color token."
+		}
+	},
+	"white": {
+		"$value": "255, 255, 255",
+		"$description": "Color token."
+	},
+	"black": {
+		"$value": "0, 0, 0",
+		"$description": "Color token."
+	},
+	"status": {
+		"info": {
+			"$value": "49, 99, 201",
+			"$description": "Color token."
+		},
+		"info-light": {
+			"$value": "236, 242, 254",
+			"$description": "Color token."
+		},
+		"success": {
+			"$value": "0, 132, 63",
+			"$description": "Color token."
+		},
+		"success-light": {
+			"$value": "243, 250, 235",
+			"$description": "Color token."
+		},
+		"warning": {
+			"$value": "255, 170, 1",
+			"$description": "Color token."
+		},
+		"warning-light": {
+			"$value": "254, 246, 231",
+			"$description": "Color token."
+		},
+		"error": {
+			"$value": "179, 33, 42",
+			"$description": "Color token."
+		},
+		"error-light": {
+			"$value": "252, 233, 235",
+			"$description": "Color token."
+		},
+		"private": {
+			"$value": "var(--mrl-gray-100)",
+			"$description": "Color token."
+		}
+	},
+	"white-opacity-02": {
+		"$value": "rgba(var(--mrl-white), 0.24)",
+		"$description": "Color token."
+	},
+	"white-opacity-03": {
+		"$value": "rgba(var(--mrl-white), 0.3)",
+		"$description": "Color token."
+	},
+	"white-opacity-04": {
+		"$value": "rgba(var(--mrl-white), 0.4)",
+		"$description": "Color token."
+	},
+	"white-opacity-06": {
+		"$value": "rgba(var(--mrl-white), 0.6)",
+		"$description": "Color token."
+	},
+	"white-opacity-08": {
+		"$value": "rgba(var(--mrl-white), 0.8)",
+		"$description": "Color token."
+	},
+	"black-opacity-00": {
+		"$value": "rgba(42, 82, 121, 0.06)",
+		"$description": "Color token."
+	},
+	"black-opacity-01": {
+		"$value": "rgba(42, 82, 121, 0.12)",
+		"$description": "Color token."
+	},
+	"black-opacity-02": {
+		"$value": "rgba(21, 57, 75, 0.24)",
+		"$description": "Color token."
+	},
+	"black-opacity-03": {
+		"$value": "rgba(11, 41, 70, 0.32)",
+		"$description": "Color token."
+	},
+	"black-opacity-05": {
+		"$value": "rgba(31, 51, 71, 0.56)",
+		"$description": "Color token."
+	},
+	"black-opacity-06": {
+		"$value": "rgba(21, 41, 60, 0.64)",
+		"$description": "Color token."
+	},
+	"black-opacity-08": {
+		"$value": "rgba(24, 36, 47, 0.8)",
+		"$description": "Color token."
+	}
+}

package/dist/tokens/global-variables/motion.json

@@ -0,0 +1,63 @@
+{
+	"timing": {
+		"m1": {
+			"$type": "cubicBezier",
+			"$value": [0.17, 0, 0, 1],
+			"$description": "Motion timing token."
+		},
+		"m1r": {
+			"$type": "cubicBezier",
+			"$value": [1, 0, 0.83, 1],
+			"$description": "Motion timing token."
+		},
+		"m2": {
+			"$type": "cubicBezier",
+			"$value": [0, 0.5, 0, 1],
+			"$description": "Motion timing token."
+		},
+		"m3": {
+			"$type": "cubicBezier",
+			"$value": [0.33, 0, 0.67, 1],
+			"$description": "Motion timing token."
+		},
+		"m4": {
+			"$type": "cubicBezier",
+			"$value": [0, 0, 0, 1],
+			"$description": "Motion timing token."
+		}
+	},
+	"duration": {
+		"01": {
+			"$type": "duration",
+			"$value": "17ms",
+			"$description": "Motion duration token."
+		},
+		"02": {
+			"$type": "duration",
+			"$value": "167ms",
+			"$description": "Motion duration token."
+		},
+		"03": {
+			"$type": "duration",
+			"$value": "333ms",
+			"$description": "Motion duration token."
+		},
+		"04": {
+			"$type": "duration",
+			"$value": "667ms",
+			"$description": "Motion duration token."
+		}
+	},
+	"distance": {
+		"01": {
+			"$type": "dimension",
+			"$value": { "value": 4, "unit": "px" },
+			"$description": "Motion distance token."
+		},
+		"02": {
+			"$type": "dimension",
+			"$value": { "value": 8, "unit": "px" },
+			"$description": "Motion distance token."
+		}
+	}
+}